.auth-layout { max-width:1160px; min-height:100vh; display:flex; flex-direction:column; margin:auto; padding:28px 38px 40px; background:radial-gradient(circle at 86% 42%, rgba(199,255,0,.1) 0 12%, transparent 34%), var(--paper); }
.auth-layout > .brand { align-self:flex-start; }
.auth-main { flex:1; display:grid; grid-template-columns:1fr .85fr; gap:clamp(40px,9vw,110px); align-items:center; }
.auth-card { width:100%; max-width:440px; padding:4px; }
.auth-card h1 { margin:0 0 13px; color:var(--pure); font-size:45px; font-weight:900; line-height:1.02; letter-spacing:-.07em; }
.auth-subtitle { margin:0 0 27px; color:var(--muted); font-size:14px; line-height:1.65; }
.auth-tabs { display:flex; gap:5px; margin-bottom:25px; padding:4px; border:1px solid var(--line); background:var(--white); }
.auth-tabs button { flex:1; min-height:44px; border:0; background:transparent; color:var(--muted); font:16px 'Bebas Neue', Impact, sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background .2s ease, color .2s ease; }
.auth-tabs button.active { background:var(--green); color:var(--dark); box-shadow:0 0 18px rgba(199,255,0,.16); }
.field { margin-bottom:17px; }
.field label { display:block; margin-bottom:7px; color:var(--muted); font:15px 'Bebas Neue', Impact, sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.field input { width:100%; min-height:48px; padding:13px; border:1px solid var(--line); border-radius:3px; outline:none; background:var(--white); color:var(--pure); transition:border-color .2s ease, box-shadow .2s ease; }
.field input:focus { border-color:var(--green); box-shadow:0 0 0 4px rgba(199,255,0,.12); }
.auth-legal, .auth-message { min-height:20px; color:var(--muted); font-size:11px; line-height:1.6; }
.auth-message { color:var(--green); }
.auth-message a { color:var(--green); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.auth-aside { padding:45px 42px; border:1px solid var(--green); border-radius:3px; background:var(--white); box-shadow:10px 10px 0 rgba(199,255,0,.12); transform:rotate(-1.5deg); }
.aside-symbol { width:84px; height:62px; display:block; margin-bottom:70px; object-fit:contain; object-position:left center; filter:drop-shadow(0 0 12px rgba(199,255,0,.3)); }
.auth-aside h2 { color:var(--pure); font-size:38px; }
.auth-aside h2 em { color:var(--green); font-family:'Rubik Spray Paint', cursive; font-style:normal; font-weight:400; }
.auth-aside > p:last-child { max-width:320px; color:var(--pure); font-size:13px; line-height:1.7; }
.auth-layout .site-footer { margin-top:40px; }
@media (max-width:800px) {
  .auth-layout { padding:22px 18px 35px; }
  .auth-main { display:block; padding:40px 0 20px; }
  .auth-card { max-width:none; }
  .auth-aside { margin-top:55px; padding:30px 27px; transform:none; }
  .auth-aside h2 { font-size:32px; }
  .aside-symbol { width:68px; height:52px; margin-bottom:35px; }
}