:root{color-scheme:dark;font-family:'Segoe UI',Inter,system-ui,-apple-system,sans-serif;color:#f4f4f4;background:#0b0b0b;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a{color:#d2d2d2;text-decoration:none}a:hover{color:#ffffff}button{cursor:pointer}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #c8c8c8}::selection{background:#606060;color:white}[hidden]{display:none!important}
#animatedBg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#ffffff08,transparent 58%)}.mouse-tracker{position:fixed;top:0;left:0;width:30px;height:30px;border:1px solid #c0c0c05a;border-radius:50%;pointer-events:none;z-index:20;box-shadow:0 0 20px #ffffff14;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.mouse-tracker.active{opacity:1}
.login-container{position:relative;z-index:1;width:100%;max-width:480px;margin:42px 0;padding:0 20px}.brand{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 28px;color:#f5f5f5;width:fit-content;font-size:26px;letter-spacing:-1.1px;font-weight:650;text-align:center}.brand:hover{color:#fff}.brand em{font-style:normal;font-weight:430;color:#929292}.brand strong{font-weight:780;color:#f5f5f5}.brand small{display:block;margin-top:5px;letter-spacing:1.18px;font-size:7.5px;font-weight:500;color:#797979}.brand-icon{width:44px;height:44px;display:grid;place-items:center;color:#c0c0c0;filter:drop-shadow(0 0 13px #ffffff16)}.brand-icon svg{width:44px;height:40px}
.login-box{padding:27px 32px 28px;background:rgba(23,23,23,.92);backdrop-filter:blur(15px);border:1px solid #ffffff22;border-radius:17px;box-shadow:0 20px 75px #0006,inset 0 1px 0 #ffffff06;animation:slideUp .6s ease-out}.access-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:27px;border:1px solid #ffffff08;background:#0c0c0c80;border-radius:9px}.access-tabs a{text-align:center;padding:9px;font-size:12px;color:#929292;border:1px solid transparent;border-radius:6px;transition:background .2s,color .2s}.access-tabs a[aria-current]{color:#f0f0f0;background:#303030;border-color:#ffffff07;box-shadow:0 2px 4px #0002}.card-heading{text-align:center}.card-heading h1{margin:0 0 9px;font-size:26px;font-weight:620;letter-spacing:-.9px;line-height:1.2}.subtitle{margin:0 0 26px;color:#a0a0a0;font-size:13px;line-height:1.6}
.social-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-buttons form{min-width:0}.social-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:43px;border:1px solid #ffffff22;border-radius:8px;background:#24242488;color:#e2e2e2;font-size:11px;transition:border-color .2s,background .2s,transform .2s}.social-button svg{width:16px;height:16px;flex:none}.social-button:hover{border-color:#999999;background:#303030;transform:translateY(-1px)}.divider{display:flex;gap:13px;align-items:center;margin:24px 0;color:#919191;font-size:11px}.divider:before,.divider:after{content:'';height:1px;flex:1;background:#ffffff0c}
.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;color:#d6d6d6;margin-bottom:8px}.form-group input{width:100%;height:46px;padding:0 13px;border:1px solid #ffffff26;border-radius:8px;background:#242424cc;color:#f3f3f3;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#858585}.form-group input:hover{border-color:#ffffff50}.form-group input:focus{outline:none;border-color:#b5b5b5;box-shadow:0 0 0 3px #ffffff12;background:#292929}.form-group input[readonly]{color:#b8b8b8}.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:3px;top:3px;height:40px;width:40px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#989898}.password-toggle:hover{color:#e0e0e0;background:#ffffff05}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.remember-forgot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 24px;font-size:11px}.remember{display:flex;align-items:center;gap:7px;color:#a5a5a5;cursor:pointer}.remember input{width:14px;height:14px;margin:0;accent-color:#dedede}.text-button{border:0;background:none;padding:4px 0;color:#c2c2c2;font-size:11px}.text-button:hover{color:#ffffff}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:47px;border:1px solid #ffffff30;border-radius:8px;background:linear-gradient(115deg,#f0f0f0 0%,#c3c3c3 100%);color:#181818;font-size:13px;font-weight:650;box-shadow:0 4px 20px #00000030;transition:transform .2s,box-shadow .2s,filter .2s}.login-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-btn:hover{transform:translateY(-2px);box-shadow:0 7px 26px #ffffff18;filter:brightness(1.09)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:wait;opacity:.7;transform:none}.signup-link{text-align:center;color:#a0a0a0;font-size:11px;margin:23px 0 0}.signup-link a{font-weight:600;margin-left:3px}.access-footer{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:25px;color:#818181;font-size:10px}.access-footer svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.alert,.provider-message{padding:12px 13px;border:1px solid #ffffff26;border-radius:8px;font-size:12px;line-height:1.6}.alert{color:#eeeeee;background:#ffffff0a;margin:0 0 20px}.provider-message{color:#c5c5c5;background:#ffffff08;margin:14px 0 20px}.admin-note{display:flex;align-items:center;gap:11px;padding:12px 0 19px;color:#a7a7a7;font-size:10px;line-height:1.6}.admin-badge{border:1px solid #ffffff30;color:#dedede;background:#ffffff08;border-radius:5px;padding:4px 7px;font-size:9px;letter-spacing:.7px;font-weight:650}.social-connected{color:#d2d2d2;background:#ffffff09;padding:12px;border:1px solid #ffffff25;border-radius:8px;font-size:12px;line-height:1.6;margin:0 0 22px}.social-connected span{color:#eeeeee;margin-right:5px}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.login-container{margin:28px 0;padding:0 16px}.login-box{padding:22px 22px 24px}.brand{font-size:24px;margin-bottom:24px}.brand small{font-size:6.5px}.card-heading h1{font-size:24px}.social-buttons{gap:6px}.social-button{gap:5px;font-size:10px}.remember-forgot{font-size:10px}.text-button{font-size:10px}}
@media(max-width:350px){.login-box{padding:20px 16px}.brand small{letter-spacing:.6px}.social-button{flex-direction:column;height:53px;gap:4px}.access-footer{font-size:9px}}
@media(min-width:481px) and (max-height:800px){.login-container{margin:24px 0}.brand{margin-bottom:20px}.login-box{padding-top:22px;padding-bottom:23px}.access-tabs{margin-bottom:21px}.subtitle{margin-bottom:21px}.divider{margin:20px 0}.form-group{margin-bottom:15px}.remember-forgot{margin-bottom:20px}.signup-link{margin-top:19px}.access-footer{margin-top:19px}}
@media(hover:none),(pointer:coarse){.mouse-tracker{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.mouse-tracker{display:none}}

.form-group .verification-pin{font-size:1.7rem;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
.verification-resend-form{text-align:center;margin-top:20px}