.auth-screen{--auth-petrol:#073d42;--auth-petrol-deep:#041c22;--auth-navy:#0b1c2c;--auth-teal:#1a8a86;--auth-gold:#c4a574;--auth-glass:rgba(255,255,255,0.08);min-height:100dvh;background:var(--auth-navy)}.auth-grid{display:grid;min-height:100dvh;min-height:100svh}.auth-brand{position:relative;overflow:hidden;color:#eef6f6;padding:24px 20px 28px;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(26,138,134,.28),transparent 55%),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(7,61,66,.9),transparent 50%),linear-gradient(165deg,#0b1c2c,#073d42 48%,#041c22)}.auth-orb{position:absolute;border-radius:9999px;filter:blur(40px);pointer-events:none}.auth-orb-a{width:22rem;height:22rem;left:-6rem;top:-4rem;background:rgba(26,138,134,.35);animation:auth-orb-drift 18s ease-in-out infinite}.auth-orb-b{width:16rem;height:16rem;right:-3rem;bottom:20%;background:rgba(196,165,116,.12);animation:auth-orb-drift 22s ease-in-out infinite reverse}.auth-grid-texture{inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 75%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 75%)}.auth-grid-texture,.auth-skyline{position:absolute;pointer-events:none}.auth-skyline{inset:auto 0 0;height:58%}.auth-window{fill:rgba(196,165,116,.22);animation:auth-window-glow 5.5s ease-in-out infinite}.auth-copy{position:relative;z-index:2}.auth-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(238,246,246,.7);animation:auth-fade-up .7s ease both}.auth-kicker:after{content:"";display:block;width:36px;height:1px;background:linear-gradient(90deg,rgba(232,214,170,.8),transparent)}.auth-kicker span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(196,165,116,.35);background:rgba(196,165,116,.12);color:#e8d6aa;letter-spacing:.16em}.auth-headline{margin-top:18px;font-size:clamp(1.85rem,3.4vw,3rem);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:#f7fbfb;text-shadow:0 12px 40px rgba(0,0,0,.25);animation:auth-fade-up .8s ease 80ms both}.auth-headline em{font-style:normal;color:#e8d6aa}.auth-lead{margin-top:16px;max-width:28rem;font-size:15.5px;line-height:1.7;color:rgba(238,246,246,.78);animation:auth-fade-up .8s ease .16s both}.auth-chips{position:absolute;inset:0;z-index:3;display:none;pointer-events:none}.auth-chip{position:absolute;gap:12px;min-width:228px;padding:11px 16px 11px 11px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(8,32,38,.38));box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:auth-float 7s ease-in-out infinite}.auth-chip,.auth-chip-icon{display:flex;align-items:center;border-radius:999px}.auth-chip-icon{width:34px;height:34px;flex-shrink:0;justify-content:center;background:rgba(26,138,134,.32);color:#e8d6aa;box-shadow:inset 0 0 0 1px rgba(232,214,170,.22)}.auth-chip-text{display:flex;min-width:0;flex-direction:column;gap:1px;padding-right:4px;font-size:12px;line-height:1.35;color:rgba(238,246,246,.64)}.auth-chip-text strong{font-size:13px;font-weight:600;letter-spacing:-.01em;color:#f7fbfb}.auth-chip-a{top:38%;right:6%;animation-delay:0s}.auth-chip-b{right:10%;bottom:26%;animation-delay:1.1s}.auth-chip-c{left:7%;bottom:16%;animation-delay:1.8s}.auth-brand,.auth-chips,.auth-copy,.auth-orb,.auth-skyline{pointer-events:none}.auth-form-col{z-index:4;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3f6f7,#eef3f4);padding:24px 20px 32px;pointer-events:auto}.auth-card,.auth-form-col{position:relative;overflow:visible}.auth-card{width:100%;max-width:420px;border:1px solid rgba(21,32,43,.08);background:#fff;border-radius:20px;padding:28px 24px 22px;box-shadow:0 1px 1px rgba(21,32,43,.04),0 16px 40px rgba(11,28,44,.08)}.auth-native-input{display:block;box-sizing:border-box;width:100%;height:44px;margin:0;padding:0 12px;border:1px solid #e6eaee;border-radius:12px;background:#fff;color:#15202b;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;line-height:44px;outline:none}.auth-native-input:focus{border-color:#0f5f63;box-shadow:0 0 0 4px rgba(15,95,99,.14)}.auth-input{height:44px;border-radius:12px;background:#fff;letter-spacing:normal}.auth-input:focus{border-color:#0f5f63;box-shadow:0 0 0 4px rgba(15,95,99,.14)}.auth-submit{height:44px;border-radius:12px;background:linear-gradient(180deg,#14787c,#0f5f63);box-shadow:0 8px 18px rgba(15,95,99,.28);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.auth-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 10px 22px rgba(15,95,99,.34)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:9999px;animation:auth-spin .7s linear infinite}.auth-success-mark{width:64px;height:64px}.auth-success-mark circle{fill:none;stroke:#157a45;stroke-width:3;stroke-dasharray:166;stroke-dashoffset:166;animation:auth-draw .6s ease forwards}.auth-success-mark path{fill:none;stroke:#157a45;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:auth-draw .5s ease .28s forwards}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-card-in{0%{opacity:0}to{opacity:1}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes auth-orb-drift{0%,to{transform:translate(0)}50%{transform:translate(18px,12px)}}@keyframes auth-window-glow{0%,to{fill:rgba(196,165,116,.16)}50%{fill:rgba(232,214,170,.55)}}@keyframes auth-spin{to{transform:rotate(1turn)}}@keyframes auth-draw{to{stroke-dashoffset:0}}@media (min-width:1024px){.auth-grid{grid-template-columns:minmax(0,1.32fr) minmax(360px,.9fr)}.auth-brand{min-height:100dvh;padding:40px 48px 48px}.auth-form-col{padding:40px 36px}.auth-card{padding:36px 32px 28px}.auth-chips{display:block}}@media (max-width:1023px){.auth-brand{min-height:220px;max-height:280px;padding:24px 20px 28px}.auth-skyline{height:70%;opacity:.7}.auth-chips{display:none}.auth-headline{font-size:1.65rem;line-height:1.18}.auth-lead br{display:none}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-chip,.auth-headline,.auth-kicker,.auth-lead,.auth-motion,.auth-orb,.auth-spinner,.auth-success-mark circle,.auth-success-mark path,.auth-window{animation:none!important}.auth-card,.auth-headline,.auth-kicker,.auth-lead{opacity:1;transform:none}}