.va-auth-page{--va-auth-navy:#07111f;min-height:70vh;padding:clamp(18px,3vw,34px);color:var(--va-text,#eef4fb)}
.va-auth-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:clamp(22px,4vw,52px);min-height:640px;padding:clamp(24px,5vw,56px);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(105,174,230,.16),transparent 34%),linear-gradient(135deg,#08111f,#101d33 52%,#07111f);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.38)}
.va-auth-visual{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.va-auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,rgba(47,180,134,.20),transparent 28%),linear-gradient(90deg,rgba(8,17,31,.92),rgba(8,17,31,.54) 48%,rgba(8,17,31,.24));z-index:1}
.va-auth-visual__skyline{position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 26%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='800' viewBox='0 0 1440 800'%3E%3Cpath d='M0 602C183 525 290 550 454 493c177-61 301-191 518-157 161 25 249 127 468 92v372H0z' fill='%2315243d'/%3E%3Cpath d='M0 650c187-55 329-69 510-31 207 43 323 66 536 11 154-40 265-81 394-42v212H0z' fill='%230d182a'/%3E%3Ccircle cx='1110' cy='185' r='92' fill='%2369aee6' fill-opacity='.13'/%3E%3C/svg%3E") center/cover no-repeat;opacity:.92;filter:saturate(1.05) contrast(1.08)}
.va-auth-visual__route{position:absolute;right:8%;top:18%;width:min(42vw,560px);height:min(42vw,560px);border:1px solid rgba(255,255,255,.10);border-radius:50%;opacity:.42;z-index:2}
.va-auth-visual__route:before,.va-auth-visual__route:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 0 24px rgba(105,174,230,.42)}
.va-auth-visual__route:before{width:10px;height:10px;left:19%;top:62%}.va-auth-visual__route:after{width:8px;height:8px;right:22%;top:28%}
.va-auth-copy{position:relative;z-index:2;align-self:end;max-width:680px;display:grid;gap:18px}.va-auth-title{font-size:clamp(2.7rem,7vw,6.2rem);line-height:.92;letter-spacing:-.06em;margin:0;font-weight:850}.va-auth-lead{max-width:560px;margin:0;color:var(--va-text-muted,#9fb0c3);font-size:1.05rem;line-height:1.65}.va-auth-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.va-auth-card{position:relative;z-index:3;align-self:center;padding:clamp(22px,3vw,34px);border-radius:24px;background:rgba(15,25,45,.74);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 22px 54px rgba(0,0,0,.32);display:grid;gap:16px}.va-auth-card__title{margin:0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.02;letter-spacing:-.035em}.va-auth-form{display:grid;gap:14px;margin-top:4px}.va-auth-submit{width:100%;margin-top:4px}.va-auth-remember{display:flex;align-items:center;gap:10px;color:var(--va-text-muted,#9fb0c3);font-weight:650}.va-auth-remember input{width:18px;height:18px;accent-color:var(--va-primary,#2fb486)}.va-auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.va-auth-links a{color:var(--va-text-muted,#9fb0c3);font-weight:750}.va-auth-links a:hover{color:var(--va-text,#eef4fb)}.va-auth-avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--va-primary,#2fb486),var(--va-accent,#69aee6));font-weight:900;color:#fff;letter-spacing:.08em;box-shadow:0 14px 34px rgba(47,180,134,.24)}.va-auth-user-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--va-text-muted,#9fb0c3)}.va-auth-user-meta span{padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04)}.va-auth-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.va-auth-actions form{margin:0}
@media (max-width:960px){.va-auth-shell{grid-template-columns:1fr;min-height:auto}.va-auth-card{align-self:stretch}.va-auth-copy{padding-top:140px}.va-auth-visual__route{right:-18%;top:5%;width:380px;height:380px}}
@media (max-width:560px){.va-auth-page{padding:12px}.va-auth-shell{padding:22px;border-radius:20px}.va-auth-copy{padding-top:110px}.va-auth-links{display:grid}.va-auth-actions .va-btn,.va-auth-actions form,.va-auth-actions button{width:100%}}