.auth-page { background: var(--surface-alt); min-height:100dvh; display:grid; place-items:center; padding:30px; }
.auth-page main { margin:0; padding:0; max-width:1120px; }
.auth-shell { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:18px; overflow:hidden; min-height:690px; box-shadow:0 20px 80px #21371e0a; }
.auth-story { display:flex; flex-direction:column; justify-content:space-between; background: var(--surface-alt); padding:40px; overflow:hidden; position:relative; }
.auth-brand { display:flex; gap:12px; align-items:center; font:27px Georgia,serif; letter-spacing:1.8px; text-decoration:none; }
.auth-story > div { padding-block:70px; position:relative; z-index:0; }.auth-story .eyebrow { font-size:8px; line-height:1.9; letter-spacing:1.5px; color: var(--muted); }
.auth-story h1 { font-size:42px; line-height:1.25; margin-top:20px; }.auth-story p { font-size:13px; line-height:1.9; color: var(--muted); margin-top:22px; }
.auth-ornament { position:absolute; right:-72px; bottom:-78px; font:280px Georgia,serif; color:#a1a78122; z-index:-1; }.auth-story > small { font-size:9px; letter-spacing:2px; color: var(--muted); }
.auth-form-panel { background: var(--white); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px 48px 28px; }.auth-form-wrap { width:100%; max-width:340px; margin-block:auto; }.auth-form-wrap > .eyebrow { font-size:9px; }.auth-form-wrap h2 { font:34px Georgia,serif; margin-top:15px; }.auth-form-wrap > p { font-size:13px; color: var(--muted); margin-top:12px; }
.auth-page form { margin-top:30px; }.auth-page form label { display:block; color: var(--muted); font-size:12px; margin-top:20px; margin-bottom:9px; }.auth-page input { width:100%; padding:13px 14px; border-radius:7px; border:1px solid var(--line); font-size:15px; background: var(--white); color:var(--ink); min-height:47px; }.auth-page input:focus { border-color:#91a577; outline:none; box-shadow:0 0 0 3px #eff4e7; }.auth-page input::placeholder { color: var(--muted); font-size:13px; }.auth-page form .button { width:100%; min-height:46px; font-size:13px; justify-content:space-between; margin-top:8px; }.auth-error { color: var(--danger); font-size:12px; line-height:1.8; margin-top:13px; min-height:20px; }.auth-form-wrap .auth-help { font-size:11px; color: var(--muted); line-height:1.8; margin-top:22px; }.auth-bottom { margin-top:40px; color: var(--muted); font-size:10px; }
.activation-card { padding:38px !important; background: var(--white); border:1px solid var(--line); border-radius:15px; width:min(480px,100%); box-shadow:0 15px 70px #23351c0b; }.activation-card .eyebrow { display:block; margin-top:27px; font-size:8px; }.activation-card h1 { font-size:36px; margin-top:13px; }.activation-card > p { color: var(--muted); font-size:13px; line-height:1.9; margin-top:18px; }.activation-back { display:block; font-size:11px; color: var(--muted); text-align:center; margin-top:25px; }.activation-card [hidden] { display:none; }#activation-success p { font-size:14px; line-height:1.9; color: var(--muted); margin-block:25px; }#activation-success .button { width:100%; }
@media(max-width:760px) { .auth-page { padding:18px; }.auth-shell { display:block; width:min(460px,100%); min-height:auto; }.auth-story { padding:25px 29px; }.auth-story > div { display:none; }.auth-story > small { margin-top:16px; font-size:7px; }.auth-brand { font-size:23px; }.auth-brand img { width:32px; height:32px; }.auth-form-panel { padding:33px 29px 25px; }.auth-form-wrap h2 { font-size:30px; }.auth-page input { font-size:16px; }.auth-bottom { margin-top:33px; }.activation-card { padding:28px !important; } }