.auth-page{background:#080c18;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex;position:relative;overflow:hidden}.video-background-container{z-index:0;position:fixed;inset:0;overflow:hidden}.video-background{object-fit:cover;opacity:0;width:auto;min-width:100%;height:auto;min-height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-background.active{opacity:1}.video-overlay{pointer-events:none;background:radial-gradient(80% 60%,#0000 0%,#080c184d 100%);position:absolute;inset:0}.auth-page:before{content:"";z-index:-1;background:url(/website-background.jpg) 50%/cover no-repeat;position:fixed;inset:0}.auth-glow{filter:blur(80px);z-index:1;pointer-events:none;background:radial-gradient(60% 40% at 50% 30%,#00dcff1f 0%,#0000 50%),radial-gradient(80% 60% at 50% 60%,#5078ff0f 0%,#0000 60%);width:800px;height:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{z-index:10;-webkit-backdrop-filter:blur(50px)saturate(1.6)brightness(1.1);background:linear-gradient(#ffffff0f 0%,#ffffff05 15%,#0000 25%),radial-gradient(60% 20% at 50% 0,#00f0ff1f 0%,#0000 70%),linear-gradient(#1e325a4d 0%,#14284b66 30%,#0f1e3c80 60%,#0a142d99 100%);border:none;border-radius:28px;width:100%;max-width:520px;padding:3rem 3.5rem;animation:.6s ease-out fadeInUp;position:relative;box-shadow:0 0 120px 30px #00b4ff0f,0 0 80px #5078ff14,0 50px 100px -40px #0096ff1a,0 80px 120px -50px #5064c80f,0 30px 60px -20px #0009,0 15px 30px -10px #0006,inset 0 1px #ffffff26,inset 0 2px 4px #ffffff0d,inset 0 -3px 6px #00000040,inset 2px 0 4px #00000014,inset -2px 0 4px #00000014}.auth-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:radial-gradient(50% 8% at 50% 0,#ffffffe6 0%,#00f0ff99 40%,#0000 100%),linear-gradient(#00f0ff80 0%,#64c8ff33 10%,#7896ff14 30%,#6478c80a 60%,#3c509605 100%);border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-card:after{content:"";filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#00f0ff4d 10%,#c8f0ffe6 40%,#fff 50%,#c8f0ffe6 60%,#00f0ff4d 90%,#0000 100%);height:2px;position:absolute;top:-1px;left:20%;right:20%;box-shadow:0 0 20px 4px #00dcff80,0 0 40px 8px #64b4ff4d,0 0 60px 12px #6496ff26}.auth-card>*{z-index:1;position:relative}.auth-logo{text-align:center;justify-content:center;align-items:center;margin-bottom:1.75rem;display:flex}.auth-logo img{filter:drop-shadow(0 2px 8px #00000080)drop-shadow(0 0 20px #0000004d)drop-shadow(0 0 12px #6496ff40);width:auto;height:44px}.auth-label{letter-spacing:.02em;color:#ffffffbf;margin-bottom:.5rem;font-size:.8rem;font-weight:400;display:block}.auth-input{color:#fff;background:#00000040;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:.9rem 1.1rem;font-size:.95rem;font-weight:400;transition:all .3s;box-shadow:inset 0 2px 4px #0000004d,inset 0 1px 2px #0003,inset 0 -1px 1px #ffffff08,0 1px #ffffff08}.auth-input::placeholder{color:#ffffff4d;font-weight:300}.auth-input:focus{background:#0000004d;border-color:#00c8ff66;outline:none;box-shadow:inset 0 2px 4px #00000059,inset 0 1px 2px #00000040,inset 0 -1px 1px #ffffff0a,0 0 0 3px #00c8ff14,0 0 20px #00c8ff1a}.auth-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;caret-color:#fff!important;background-color:#0f1423f2!important;background-clip:content-box!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1423f2,inset 0 2px 4px #0000004d,inset 0 1px 2px #0003!important}.auth-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;caret-color:#fff!important;background-color:#0f1423f2!important;background-clip:content-box!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1423f2,inset 0 2px 4px #0000004d,inset 0 1px 2px #0003!important}.auth-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;caret-color:#fff!important;background-color:#0f1423f2!important;background-clip:content-box!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1423f2,inset 0 2px 4px #0000004d,inset 0 1px 2px #0003!important}.auth-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;caret-color:#fff!important;background-color:#0f1423f2!important;background-clip:content-box!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1423f2,inset 0 2px 4px #0000004d,inset 0 1px 2px #0003!important}.auth-btn-primary{letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #0003;cursor:pointer;background:linear-gradient(95deg,#1ad9ff 0%,#39f 25%,#5a73f2 50%,#8e5eed 75%,#b34de6 100%);border:none;border-radius:16px;width:100%;padding:1.05rem;font-size:.85rem;font-weight:800;transition:all .35s;position:relative;overflow:visible;box-shadow:0 0 30px 5px #00c8ff80,0 0 60px 10px #648cff59,0 0 90px 15px #a064ff33,0 6px 25px #00000059,inset 0 1px 2px #fff6,inset 0 -2px 4px #00000026}.auth-btn-primary:before{content:"";filter:blur(.5px);background:linear-gradient(90deg,#0000,#ffffffb3,#0000);height:1px;position:absolute;top:1px;left:10%;right:10%}.auth-btn-primary:after{content:"";filter:blur(15px);opacity:.6;z-index:-1;background:linear-gradient(95deg,#00d2ff4d 0%,#648cff33 50%,#b464ff4d 100%);border-radius:20px;animation:2.5s ease-in-out infinite btnPulse;position:absolute;inset:-4px}@keyframes btnPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.auth-btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.015);box-shadow:0 0 40px 8px #00c8ff99,0 0 80px 15px #648cff73,0 0 120px 20px #a064ff40,0 12px 35px #0006,inset 0 1px 2px #ffffff80,inset 0 -2px 4px #00000026}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn-google{color:#333;cursor:pointer;background:linear-gradient(#ffffffeb 0%,#f8f8fce0 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001f,0 8px 24px #00000014,inset 0 1px 1px #fffffff2,inset 0 -1px 2px #0000000a}.auth-btn-google:hover:not(:disabled){background:linear-gradient(#fffffffa 0%,#fcfcfff2 100%);transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 12px 30px #0000001a,inset 0 1px 1px #fff,inset 0 -1px 2px #0000000a}.auth-btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-btn-dev{letter-spacing:.03em;color:#b4a08cb3;cursor:pointer;background:#968c820a;border:1px solid #968c8214;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.75rem;font-weight:500;transition:all .3s;display:flex;box-shadow:inset 0 1px 2px #0000001f}.auth-btn-dev:hover{color:#c8b4a0d9;background:#b4a08c14;border-color:#b4a08c26;box-shadow:inset 0 1px 2px #00000014,0 0 10px #b4a08c0d}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#fff6;letter-spacing:.02em;background:0 0;padding:0 1rem;font-size:.8rem;font-weight:300;position:relative}.auth-links{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.auth-link{color:#fff9;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .3s}.auth-link:hover{color:#00dcffe6;text-shadow:0 0 12px #00dcff4d}.auth-link-separator{color:#fff3}.auth-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:2rem;padding-top:1.5rem}.auth-footer p{color:#ffffff59;letter-spacing:.03em;font-size:.7rem;font-weight:300}.auth-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:400;box-shadow:inset 0 1px 2px #0000001a,0 0 15px #ef44440d}.auth-dev-expanded{background:#00000026;border:1px solid #968c820f;border-radius:10px;margin-top:.75rem;padding:1rem;box-shadow:inset 0 2px 4px #00000026,inset 0 1px 2px #0000001a}.auth-dev-expanded p{color:#b4aaa080;margin-bottom:.75rem;font-size:.7rem;font-weight:300}.auth-dev-select{color:#ffffffd9;background:#0003;border:1px solid #ffffff0d;border-radius:8px;width:100%;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.8rem;font-weight:400;box-shadow:inset 0 1px 2px #00000026}.auth-dev-select option{color:#fff;background:#1a1a3a}.auth-dev-submit{color:#ffffffe6;letter-spacing:.02em;cursor:pointer;background:linear-gradient(90deg,#788cb499,#6478a099);border:none;border-radius:8px;width:100%;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0003,inset 0 1px 1px #ffffff1a}.auth-dev-submit:hover:not(:disabled){background:linear-gradient(90deg,#8296beb3,#6e82aab3);transform:translateY(-1px);box-shadow:0 4px 12px #00000040,inset 0 1px 1px #ffffff26}.auth-dev-submit:disabled{opacity:.5;cursor:not-allowed}.auth-microsoft-hint{text-align:center;color:#ffffff80;margin-top:.5rem;font-size:.7rem;font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-card{border-radius:24px;margin:1rem;padding:1.75rem 1.5rem}.auth-logo img{height:40px}.auth-btn-primary{padding:.9rem;font-size:.8rem}}