*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000}.app-container{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.centered-image{object-fit:contain;z-index:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:60vw;min-width:250px;max-width:800px;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-image{object-fit:contain;z-index:10;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:10vw;min-width:80px;max-width:150px;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:20px;left:20px;transform:translate(0)}.button-container{z-index:1;flex-direction:row;gap:15px;margin-top:35vh;display:flex;position:relative}.auth-button{color:#fff;cursor:pointer;background-color:#333;border:2px solid #555;border-radius:8px;padding:12px 32px;font-size:1.1rem;font-weight:700;transition:all .2s ease-in-out}.auth-button:hover{background-color:#555;border-color:#777}.guest-button{color:#ccc;background-color:#0000;border-color:#444}.guest-button:hover{color:#fff;background-color:#222}.login-container{z-index:1;color:#fff;text-align:center;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:15px;width:90%;max-width:400px;padding:40px;display:flex;position:relative}.login-input{color:#fff;background-color:#222;border:1px solid #444;border-radius:8px;padding:12px;font-size:1rem}.google-button{color:#000;background-color:#fff;border-color:#fff;margin-top:15px}.google-button:hover{color:#000;background-color:#e0e0e0;border-color:#e0e0e0}.dashboard-container{z-index:1;color:#fff;text-align:center;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:20px;width:90%;max-width:400px;padding:40px;display:flex;position:relative}