.auth-shell{background:radial-gradient(circle at 18% 12%,#34d39917,#0000 26rem),radial-gradient(circle at 88% 82%,#22d3ee14,#0000 30rem),#05080f;place-items:center;min-height:100vh;padding:3rem;display:grid;position:relative;overflow:hidden}.auth-grid{pointer-events:none;background-image:linear-gradient(90deg,#94a3b80b 1px,#0000 1px),linear-gradient(#94a3b80b 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000,#0000 92%);mask-image:radial-gradient(90% 70% at 50% 40%,#000,#0000 92%)}.auth-aurora{filter:blur(110px);pointer-events:none;will-change:transform;border-radius:9999px;animation:20s ease-in-out infinite alternate auth-drift;position:absolute}.auth-aurora-1{background:radial-gradient(circle,#34d39929,#0000 65%);width:38rem;height:38rem;top:-12rem;left:-10rem}.auth-aurora-2{background:radial-gradient(circle,#22d3ee24,#0000 65%);width:40rem;height:40rem;animation-direction:alternate-reverse;animation-delay:-8s;bottom:-16rem;right:-14rem}@keyframes auth-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(2.5rem,-1.5rem)scale(1.05)}}.auth-layout{z-index:1;grid-template-columns:minmax(360px,.78fr) minmax(480px,1fr);align-items:center;gap:4.5rem;width:min(100%,1220px);min-height:min(780px,100vh - 6rem);display:grid;position:relative}.auth-route-frame{will-change:transform, opacity, filter;transform:translateZ(0)}.auth-brand-panel{flex-direction:column;justify-content:space-between;min-height:640px;display:flex}.auth-logo{align-items:center;gap:.9rem;width:fit-content;display:inline-flex}.auth-logo-mark{will-change:transform;background:linear-gradient(150deg,#2dd4bf29,#34d3990d);border:1px solid #2dd4bf47;border-radius:12px;place-items:center;width:44px;height:44px;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s;display:grid;box-shadow:0 0 22px #2dd4bf1f}.auth-logo-mark img{width:74%;height:74%}.auth-logo:hover .auth-logo-mark{filter:brightness(1.1);transform:translateY(-1px)scale(1.04)}.auth-logo strong{font-family:var(--font-space-grotesk), var(--font-inter), sans-serif;color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1;display:block}.auth-logo small{color:#5eead4;letter-spacing:.24em;text-transform:uppercase;margin-top:.4rem;font-size:.66rem;font-weight:800;display:block}.auth-welcome{gap:1.4rem;margin-top:3.5rem;display:grid}.auth-secure-badge{color:#7ff0e2;background:#2dd4bf12;border:1px solid #2dd4bf59;border-radius:999px;align-items:center;gap:.55rem;width:fit-content;padding:.55rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 0 22px #2dd4bf1a,inset 0 0 14px #2dd4bf0d}.auth-secure-badge svg{width:15px;height:15px}.auth-welcome h1{font-family:var(--font-space-grotesk), var(--font-inter), sans-serif;color:#fff;letter-spacing:-.03em;font-size:clamp(2.5rem,4.2vw,3.5rem);font-weight:700;line-height:1.04}.auth-welcome h2{font-family:var(--font-space-grotesk), var(--font-inter), sans-serif;letter-spacing:-.03em;background:linear-gradient(115deg,#34d399 5%,#2dd4bf 45%,#38bdf8 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:700;line-height:1.06}.auth-welcome p{color:#94a3b8;max-width:420px;font-size:1.05rem;line-height:1.6}.auth-illustration{width:min(460px,100%);margin-top:2.5rem;margin-bottom:.5rem}.auth-card{-webkit-backdrop-filter:blur(24px);background:linear-gradient(160deg,#0e1420d1,#080c14b8);border:1px solid #94a3b821;border-radius:20px;width:min(100%,580px);margin-left:auto;padding:clamp(2rem,4vw,2.9rem) clamp(1.8rem,4.5vw,2.5rem);box-shadow:0 30px 110px #00000073,inset 0 1px #ffffff0d}.auth-card-header{text-align:center}.auth-lock{color:#2dd4bf;background:linear-gradient(160deg,#0a0f1af2,#080c14f2) padding-box padding-box,linear-gradient(135deg,#34d399cc,#2dd4bfe6,#38bdf8b3) border-box;border:1px solid #0000;border-radius:999px;place-items:center;width:66px;height:66px;margin:0 auto 1.2rem;display:grid;box-shadow:0 0 28px #2dd4bf24,inset 0 0 22px #2dd4bf14}.auth-lock svg{width:26px;height:26px}.auth-card-header h2{font-family:var(--font-space-grotesk), var(--font-inter), sans-serif;color:#fff;letter-spacing:-.02em;font-size:1.95rem;font-weight:700;line-height:1}.auth-card-header p{color:#94a3b8;margin-top:.85rem;font-size:.95rem}.auth-form{gap:1.1rem;margin-top:1.9rem;display:grid}.auth-error{color:#fecaca;background:#f8717114;border:1px solid #f8717140;border-radius:12px;padding:.8rem 1rem;font-size:.88rem;font-weight:600}.auth-field{gap:.6rem;display:grid}.auth-field>span{color:#cbd5e1;font-size:.88rem;font-weight:700}.auth-input-row{color:#64748b;will-change:transform;background:#02061766;border:1px solid #94a3b829;border-radius:12px;align-items:center;gap:.8rem;min-height:50px;padding:0 1rem;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.auth-input-row:before{content:"";opacity:0;pointer-events:none;will-change:transform, opacity;background:linear-gradient(90deg,#0000,#2dd4bf14,#0000);transition:opacity .18s,transform .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-70%)}.auth-input-row:focus-within{background:#0206178c;border-color:#2dd4bfb3;transform:translateY(-1px);box-shadow:0 0 0 1px #2dd4bf1a,0 0 24px #2dd4bf1a}.auth-input-row:focus-within:before{opacity:1;transform:translate(70%)}.auth-input-row>svg{z-index:1;flex:none;width:18px;height:18px;transition:color .18s,transform .18s cubic-bezier(.16,1,.3,1);position:relative}.auth-input-row:focus-within>svg{color:#2dd4bf;transform:scale(1.08)}.auth-input-row input{z-index:1;color:#fff;background:0 0;flex:1;min-width:0;font-size:.95rem;position:relative}.auth-input-row input::placeholder{color:#475569}.auth-input-row input:focus{outline:none!important}.auth-eye{z-index:1;color:#64748b;will-change:transform;border-radius:999px;place-items:center;width:30px;height:30px;transition:color .18s,transform .18s cubic-bezier(.16,1,.3,1),background .18s;display:grid;position:relative}.auth-eye svg{width:17px;height:17px}.auth-eye:hover{color:#fff;background:#ffffff0f;transform:scale(1.08)}.auth-eye:active{transform:scale(.94)}.auth-eye:focus-visible{outline-offset:2px;outline:2px solid #2dd4bf99}.auth-forgot-row{text-align:right;margin-top:-.3rem}.auth-forgot-row a{color:#5eead4;font-size:.8rem;font-weight:700}.auth-forgot-row a:hover{color:#99f6e4}.auth-submit{color:#04110d;cursor:pointer;will-change:transform;background:linear-gradient(100deg,#34d399 0%,#2dd4bf 52%,#38bdf8 100%);border:0;border-radius:12px;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:50px;margin-top:.5rem;font-size:.98rem;font-weight:800;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 14px 40px #2dd4bf47,inset 0 1px #fff6}.auth-submit:before{content:"";opacity:0;will-change:transform, opacity;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:32%;transition:opacity .18s,transform .68s cubic-bezier(.16,1,.3,1);position:absolute;inset:-40% auto -40% -35%;transform:skew(-18deg)translate(0)}.auth-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)translateZ(0);box-shadow:0 18px 48px #2dd4bf66,inset 0 1px #ffffff73}.auth-submit:hover:not(:disabled):before{opacity:1;transform:skew(-18deg)translate(430%)}.auth-submit:active:not(:disabled){transform:translateY(0)scale(.985)translateZ(0)}.auth-submit:focus-visible{outline-offset:3px;outline:2px solid #2dd4bfb3}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-submit span{z-index:1;align-items:center;gap:.7rem;display:inline-flex;position:relative}.auth-submit svg{z-index:1;width:17px;height:17px;transition:transform .18s cubic-bezier(.16,1,.3,1);position:relative}.auth-submit:hover:not(:disabled) svg{transform:translate(3px)}.auth-divider{color:#64748b;letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.3rem;font-size:.78rem;font-weight:700;display:grid}.auth-divider span{background:#94a3b824;height:1px}.auth-google{color:#e2e8f0;background:#0206174d;border:1px solid #94a3b82e;border-radius:12px;justify-content:center;align-items:center;gap:.9rem;min-height:48px;font-size:.92rem;font-weight:700;transition:border-color .18s,background .18s,opacity .18s;display:flex}.auth-google:disabled{cursor:not-allowed;opacity:.72}.auth-google svg{width:18px;height:18px}.auth-register{color:#cbd5e1;text-align:center;margin-top:.7rem;font-size:.92rem}.auth-register a{color:#5eead4;font-weight:800;transition:color .18s,text-shadow .18s}.auth-register a:hover{color:#99f6e4;text-shadow:0 0 16px #2dd4bf4d}.auth-register a:focus-visible,.auth-forgot-row a:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #2dd4bf99}.auth-strength{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.auth-strength span{border-radius:inherit;transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform .22s cubic-bezier(.16,1,.3,1),background .18s,box-shadow .18s;display:block}.auth-strength[data-tone=weak] span{background:#f87171;box-shadow:0 0 12px #f871716b}.auth-strength[data-tone=medium] span{background:#fbbf24;box-shadow:0 0 12px #fbbf246b}.auth-strength[data-tone=strong] span{background:#34d399;box-shadow:0 0 14px #34d39975}.auth-validation{color:#fca5a5;font-size:.78rem;font-weight:650}@media (prefers-reduced-motion:reduce){.auth-aurora{animation:none!important}.auth-logo-mark,.auth-input-row,.auth-input-row:before,.auth-input-row>svg,.auth-eye,.auth-submit,.auth-submit:before,.auth-submit svg,.auth-register a,.auth-strength span{transition-duration:1ms!important;animation-duration:1ms!important}.auth-route-frame{filter:none!important;transform:none!important}.auth-submit:hover:not(:disabled),.auth-input-row:focus-within,.auth-logo:hover .auth-logo-mark,.auth-eye:hover{transform:none}}@media (max-width:1080px){.auth-shell{padding:2rem}.auth-layout{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.auth-brand-panel{gap:2rem;min-height:auto}.auth-welcome{margin-top:2.5rem}.auth-welcome p{max-width:620px}.auth-illustration{display:none}.auth-card{width:min(100%,680px);margin:0 auto}}@media (max-width:720px){.auth-shell{min-height:100vh;padding:1.25rem;display:block}.auth-grid{background-size:26px 26px}.auth-layout{gap:1.5rem;width:100%}.auth-logo-mark{width:40px;height:40px}.auth-logo strong{font-size:1.3rem}.auth-logo small{font-size:.58rem}.auth-welcome{gap:1rem;margin-top:2rem}.auth-secure-badge{font-size:.74rem}.auth-welcome h1{font-size:clamp(2.2rem,11vw,2.9rem)}.auth-welcome h2{font-size:clamp(1.7rem,8vw,2.3rem)}.auth-welcome p{font-size:.96rem}.auth-card{border-radius:16px;padding:1.5rem}.auth-lock{width:56px;height:56px}.auth-lock svg{width:22px;height:22px}.auth-card-header h2{font-size:1.7rem}.auth-form{margin-top:1.5rem}}@media (max-width:420px){.auth-shell{padding:1rem}.auth-card{padding:1.25rem}.auth-input-row,.auth-google,.auth-submit{min-height:46px}.auth-google{gap:.7rem;font-size:.88rem}}