:root{--auth-paper:#f5eddc;--auth-ink:#2f241d;--auth-accent:#7a604e;--auth-border:rgba(47,36,29,0.14)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(231,205,175,.5),transparent 38%),linear-gradient(180deg,#f7f0e0,#efe5cf);color:var(--auth-ink)}.auth-card{width:min(100%,980px);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(255,251,242,.92);border:1px solid var(--auth-border);border-radius:32px;overflow:hidden;box-shadow:0 28px 80px rgba(74,54,38,.16)}.auth-hero{padding:48px;background:linear-gradient(145deg,rgba(130,95,66,.94),rgba(88,66,48,.92)),url(/plan-bg.png) 50%/cover no-repeat;color:#fff8ef}.auth-hero h1{margin:0 0 16px;font-size:clamp(2.2rem,5vw,3.5rem);line-height:.95}.auth-hero p{max-width:32rem;margin:0;font-size:1rem;line-height:1.7;color:rgba(255,248,239,.9)}.auth-panel{padding:40px 32px;background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(250,242,228,.98))}.auth-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(122,96,78,.18);background:rgba(255,255,255,.7);color:var(--auth-accent);font-size:.85rem}.auth-panel h2{margin:18px 0 8px;font-size:2rem}.auth-panel p{margin:0 0 24px;color:rgba(47,36,29,.74);line-height:1.6}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:.95rem;font-weight:600}.auth-input{width:100%;min-height:52px;padding:14px 16px;border-radius:16px;border:1px solid rgba(47,36,29,.14);background:rgba(255,255,255,.8);font:inherit;color:inherit}.auth-input:focus{outline:2px solid rgba(122,96,78,.28);outline-offset:0}.auth-submit{min-height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,#715643,#8b6c56);color:#fff8ef;font:inherit;font-weight:700;cursor:pointer}.auth-submit:hover{filter:brightness(1.04)}.auth-error{padding:12px 14px;border-radius:14px;background:rgba(181,56,56,.1);color:#8d2020;font-size:.92rem}.auth-switch{margin-top:18px;font-size:.95rem}.auth-switch a{color:#7a604e;font-weight:700}@media (max-width:860px){.auth-card{grid-template-columns:1fr}.auth-hero,.auth-panel{padding:28px}}