:root{--auth-bg: #f1f7ff;--card-bg: #ffffff;--text: #1b1b18;--muted: #6b6b68;--primary: #ea5a23;--primary-hover: #d94f1c;--input-border: #d7d7d4;--accent: #215c48}body{background:var(--auth-bg)}.auth-wrap{max-width:1140px;margin:32px auto;padding:24px}.auth-card{background:var(--card-bg);border-radius:18px;box-shadow:0 16px 34px #00000014;padding:32px}.auth-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}@media(min-width:992px){.auth-grid{grid-template-columns:1fr 1fr}}.auth-illustration{display:grid;place-items:center}.auth-illustration img{width:min(520px,100%);height:auto}.auth-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(26px,3.6vw,40px);font-weight:600;color:var(--accent);margin:0 0 8px;text-align:center}.auth-sub{color:var(--muted);text-align:center;margin-bottom:22px}.auth-form{max-width:520px;margin:0 auto}.auth-field{display:block;width:100%;height:44px;border-radius:10px;border:1px solid var(--input-border);padding:0 14px;background:#fff;color:var(--text)}.auth-field+.auth-field{margin-top:10px}.auth-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.auth-check{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.auth-link{color:var(--muted);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-btn{display:block;width:100%;height:44px;border-radius:10px;border:1px solid transparent;background:var(--primary);color:#fff;font-weight:600}.auth-btn:hover{background:var(--primary-hover)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:var(--muted);margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e6e6e3}.auth-social{display:flex;gap:12px;justify-content:center}.auth-social .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-google{background:#fff;color:#3c4043;border:1px solid #dadce0;height:44px;padding:0 18px;border-radius:9999px;min-width:260px;box-shadow:0 1px 1px #0000000a,0 2px 4px #0000000f;transition:box-shadow .2s ease,transform .02s ease,border-color .2s ease}.btn-google:hover{box-shadow:0 2px 3px #0000000f,0 4px 10px #00000014;border-color:#c8cdd3}.btn-google:active{transform:translateY(1px)}.btn-google svg{flex:0 0 auto}.btn-google span{font-weight:500}.auth-footer{text-align:center;color:var(--muted);margin-top:18px}.auth-error{color:#b00020;font-size:13px;margin-top:6px}