.midnight-auth{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.midnight-auth:before{content:"";z-index:-2;background:radial-gradient(900px 520px at 18% 12%,#143c8c24,#0000 60%),radial-gradient(820px 560px at 82% 78%,#235fd21a,#0000 62%),radial-gradient(720px 420px at 55% 30%,#ffffff09,#0000 62%),#000;position:fixed;inset:0}.midnight-auth__noise{z-index:-1;opacity:.25;pointer-events:none;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.midnight-auth__container{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:480px;padding:36px 20px;display:flex}.midnight-auth__hero{text-align:left;padding:0}.midnight-auth__kicker{-webkit-backdrop-filter:blur(16px);color:#ffffffd1;letter-spacing:.2px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.midnight-auth__kicker-dot{background:#ffffffd9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #ffffff40}.midnight-auth__headline{letter-spacing:-.03em;color:#fffffffa;margin:14px 0 10px;font-size:44px;font-weight:700;line-height:.95}.midnight-auth__headline-accent{letter-spacing:-.02em;color:#ffffffeb;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-style:italic;font-weight:500}.midnight-auth__subhead{color:#ffffffad;max-width:46ch;margin:0;font-size:16px;line-height:1.55}.midnight-auth__card{-webkit-backdrop-filter:blur(22px);background:#1212129e;border:1px solid #ffffff24;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000008c}.midnight-auth__card:before{content:"";pointer-events:none;background:radial-gradient(600px 200px at 20% 0,#ffffff14,#0000 55%),radial-gradient(520px 220px at 95% 100%,#785aff1a,#0000 60%);position:absolute;inset:-1px}.midnight-auth__card-inner{padding:22px;position:relative}.midnight-auth__title{letter-spacing:-.02em;margin:0 0 6px;font-size:18px;font-weight:700}.midnight-auth__subtitle{color:#ffffffa6;margin:0 0 18px;font-size:13px;line-height:1.45}.midnight-auth__error{color:#ffffffeb;background:#ef44441f;border:1px solid #ef444440;border-radius:14px;margin:0 0 14px;padding:12px;font-size:13px}.midnight-auth__form{flex-direction:column;gap:12px;display:flex}.midnight-auth__oauthButton{color:#000;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;padding:11px 18px;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.midnight-auth__oauthButton:hover:not(:disabled){background:#f9fafb;box-shadow:0 2px 6px #00000026}.midnight-auth__oauthButton:active:not(:disabled){background:#f3f4f6}.midnight-auth__oauthButton:disabled{opacity:.6;cursor:not-allowed}.midnight-auth__oauthIcon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.midnight-auth__divider{color:#fff6;letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.midnight-auth__divider:before,.midnight-auth__divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.midnight-auth__label{color:#ffffffc7;letter-spacing:.2px;font-size:12px;font-weight:600}.midnight-auth__input{color:#ffffffeb;box-sizing:border-box;background:#00000047;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:14px;font-size:15px}.midnight-auth__input::placeholder{color:#ffffff59}.midnight-auth__input:focus{border-color:#fff6;box-shadow:0 0 0 4px #ffffff0f}.midnight-auth__otpField{box-sizing:border-box;cursor:text;background:#00000047;border:1px solid #ffffff1f;border-radius:16px;width:100%;padding:14px;position:relative}.midnight-auth__otpField:focus-within{border-color:#fff6;box-shadow:0 0 0 4px #ffffff0f}.midnight-auth__otpInput{opacity:0;color:#0000;caret-color:#0000;background:0 0;border:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.midnight-auth__otpBoxes{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.midnight-auth__otpBox{letter-spacing:.02em;color:#ffffffeb;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;height:54px;font-size:22px;font-weight:800;display:flex}.midnight-auth__otpBox.isFilled{background:#ffffff0f;border-color:#ffffff29}.midnight-auth__otpBox.isActive{border-color:#fff6;box-shadow:0 0 0 4px #ffffff0f}.midnight-auth__hint{color:#ffffff94;margin:4px 0 0;font-size:12px}.midnight-auth__cta{letter-spacing:.2px;cursor:pointer;color:#0b0b0d;background:linear-gradient(135deg,#fff 0%,#f2f2ff 40%,#d7d2ff 100%);border:0;border-radius:999px;width:100%;margin-top:6px;padding:14px 18px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 12px 30px #785aff2e,0 10px 20px #00000040}.midnight-auth__cta:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 14px 35px #785aff38,0 16px 28px #00000052}.midnight-auth__cta:active:not(:disabled){transform:translateY(0)}.midnight-auth__cta:disabled{opacity:.6;cursor:not-allowed}.midnight-auth__row{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.midnight-auth__link{color:#ffffffa8;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:600}.midnight-auth__link:hover{color:#ffffffe0;text-decoration:underline}.midnight-auth__meta{color:#ffffff85;margin-top:14px;font-size:12px;line-height:1.45}.midnight-auth__meta strong{color:#ffffffd1}.midnight-auth__legal{color:#fff6;text-align:center;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px;font-size:11px;line-height:1.5}.midnight-auth__legal-link{color:#fff9;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d;transition:color .2s}.midnight-auth__legal-link:hover{color:#fffc;text-decoration-color:#ffffff80}