:root{--night:#07111f;--soft:#10243b;--blue:#0ea5e9;--sun:#ffb703;--orange:#f97316;--muted:#a9bbce}
*{box-sizing:border-box}
html{min-height:100%;background:var(--night)}
body{min-height:100vh;margin:0;color:#eff6ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 15%,rgba(14,165,233,.22),transparent 28%),radial-gradient(circle at 82% 78%,rgba(249,115,22,.2),transparent 30%),linear-gradient(145deg,var(--night),var(--soft) 52%,var(--night))}
.login-v2{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;padding:34px;overflow:hidden}
.login-v2:before{content:"";position:absolute;z-index:-3;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 90%)}
.login-v2__glow{position:absolute;z-index:-2;width:60vw;height:60vw;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;animation:loginGlow 12s ease-in-out infinite alternate}
.login-v2__glow--one{top:-40vw;left:-14vw;background:var(--blue)}
.login-v2__glow--two{right:-28vw;bottom:-42vw;background:var(--orange);animation-delay:-6s}
.login-v2__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:clamp(40px,7vw,110px);align-items:center;width:min(1120px,100%)}
.login-v2__scene{position:relative;display:grid;align-content:center;min-height:570px}
.login-v2__brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}
.login-v2__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--blue));box-shadow:0 12px 35px rgba(14,165,233,.28);font-size:23px}
.login-v2__brand strong{display:block;font-size:18px;font-weight:950}.login-v2__brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:700}
.login-v2__eyebrow{width:max-content;margin:72px 0 18px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.login-v2__scene h1{max-width:660px;margin:0;color:#fff;font-size:clamp(52px,6vw,86px);line-height:.96;letter-spacing:-.07em}
.login-v2__lead{max-width:560px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.75}
.login-v2__orbit{position:absolute;top:48%;right:-36px;z-index:-1;width:310px;height:310px;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:loginOrbit 24s linear infinite}
.login-v2__orbit:before,.login-v2__orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}
.login-v2__orbit:before{inset:38px}.login-v2__orbit:after{inset:82px;background:radial-gradient(circle at 38% 32%,rgba(14,165,233,.45),rgba(7,17,31,.2) 62%);box-shadow:inset -22px -18px 50px rgba(0,0,0,.3),0 0 70px rgba(14,165,233,.15)}
.login-v2__plane{position:absolute;top:-15px;left:50%;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--sun),var(--orange));color:var(--night);box-shadow:0 10px 30px rgba(249,115,22,.4);font-size:22px;transform:translateX(-50%) rotate(90deg)}
.login-v2__card{position:relative;padding:clamp(28px,4vw,44px);border:1px solid rgba(255,255,255,.2);border-radius:32px;background:rgba(255,255,255,.105);box-shadow:0 34px 90px rgba(0,0,0,.34);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.login-v2__kicker{margin:0 0 8px;color:var(--sun);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.login-v2__card h2{margin:0;color:#fff;font-size:34px;letter-spacing:-.045em}.login-v2__copy{margin:10px 0 30px;color:var(--muted);line-height:1.55}
.login-v2__field{display:grid;gap:8px;margin-top:18px}.login-v2__field label{font-size:13px;font-weight:850}
.login-v2__input-wrap{position:relative}.login-v2__input{width:100%;height:54px;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:0 16px;background:rgba(7,17,31,.56);color:#fff;font:inherit;outline:none;transition:.2s}.login-v2__input::placeholder{color:#71869b}.login-v2__input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,165,233,.15);transform:translateY(-1px)}
.login-v2__input-wrap .login-v2__input{padding-right:52px}.login-v2__password{position:absolute;top:50%;right:8px;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#9fb2c7;cursor:pointer;transform:translateY(-50%)}.login-v2__password:hover{background:rgba(255,255,255,.08);color:#fff}
.login-v2__error{margin:7px 0 0;color:#fecaca;font-size:12px;font-weight:750}.login-v2__options{margin:20px 0}.login-v2__remember{display:inline-flex;align-items:center;gap:9px;color:#c4d3e2;font-size:13px;cursor:pointer}.login-v2__remember input{width:17px;height:17px;accent-color:var(--sun)}
.login-v2__submit{position:relative;width:100%;height:54px;border:0;border-radius:16px;overflow:hidden;background:linear-gradient(110deg,var(--sun),var(--orange));color:var(--night);font-size:14px;font-weight:950;cursor:pointer;box-shadow:0 16px 34px rgba(249,115,22,.23);transition:.2s}.login-v2__submit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.5) 45%,transparent 65%);transform:translateX(-120%);animation:loginShine 4.8s ease-in-out infinite}.login-v2__submit:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(249,115,22,.32)}
.login-v2__back{display:inline-flex;margin-top:22px;color:#bed0e3;font-size:13px;font-weight:800;text-decoration:none}.login-v2__back:hover{color:#fff}
@keyframes loginOrbit{to{transform:rotate(360deg)}}@keyframes loginGlow{to{transform:translate3d(7%,5%,0) scale(1.08)}}@keyframes loginShine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@media(max-width:900px){.login-v2{padding:24px}.login-v2__layout{grid-template-columns:1fr;gap:34px;max-width:580px}.login-v2__scene{min-height:auto}.login-v2__eyebrow{margin-top:48px}.login-v2__orbit{top:40px;right:-110px;width:260px;height:260px;opacity:.55}}
@media(max-width:560px){.login-v2{display:block;padding:18px 14px 28px}.login-v2__brand small,.login-v2__lead{display:none}.login-v2__eyebrow{margin:38px 0 12px;font-size:10px}.login-v2__scene h1{max-width:340px;font-size:43px}.login-v2__orbit{top:20px;right:-138px}.login-v2__card{padding:26px 20px;border-radius:24px}.login-v2__card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.login-v2__glow,.login-v2__orbit,.login-v2__submit:after{animation:none}.login-v2__input,.login-v2__submit{transition:none}}