:root{--accent: #c5a880;--accent-deep: #a8865c;--ink: #16181d;--muted: #6b7280;--line: #e8e2d9;--bg: #faf8f4}*{box-sizing:border-box}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(1100px 500px at 85% -10%,rgba(197,168,128,.13),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(197,168,128,.09),transparent 55%),var(--bg);background-attachment:fixed;color:var(--ink);line-height:1.55;min-height:100vh;min-height:100dvh;overflow-wrap:break-word}.wrap{max-width:880px;margin:0 auto;padding:clamp(16px,4vw,26px) max(clamp(14px,4vw,22px),env(safe-area-inset-right)) 56px max(clamp(14px,4vw,22px),env(safe-area-inset-left))}.topnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.wordmark{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;letter-spacing:-.01em}.wordmark img{width:36px;height:36px;border-radius:10px;box-shadow:0 4px 12px #16181d2e}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,5vw,32px) clamp(18px,5vw,30px);box-shadow:0 1px 2px #16181d08,0 14px 44px #16181d0f}h1{font-family:Geist,-apple-system,sans-serif;letter-spacing:-.025em;font-size:clamp(22px,6vw,27px);font-weight:700;margin:0 0 6px}.sub{color:var(--muted);font-size:14.5px;margin:0 0 22px}label{display:block;font-size:12.5px;font-weight:600;margin:16px 0 6px;text-transform:uppercase;letter-spacing:.06em;color:#57606b}input,select{width:100%;padding:13px 14px;font-size:15px;font-family:inherit;border:1px solid #ddd5c9;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:var(--accent)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #c5a8802e}button.primary{width:100%;margin-top:24px;padding:14px 20px;font-size:15.5px;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(180deg,#cfb28a,var(--accent));border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 20px #c5a88059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #c5a8806b;filter:brightness(1.02)}button.primary:disabled{opacity:.6;cursor:wait;transform:none}.error{display:none;margin-top:14px;padding:10px 12px;font-size:13.5px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.alt{text-align:center;font-size:13.5px;color:var(--muted);margin-top:18px}.alt a{color:var(--accent-deep);font-weight:600}.logout{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-size:13.5px;font-family:inherit;cursor:pointer;color:#57606b;font-weight:500;transition:border-color .15s,color .15s}.logout:hover{border-color:var(--accent);color:var(--ink)}.auth-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #16181d08,0 24px 70px #16181d17}.auth-split>*{min-width:0}.auth-brand{background:radial-gradient(560px 320px at 110% -20%,rgba(197,168,128,.35),transparent 60%),radial-gradient(420px 300px at -30% 120%,rgba(197,168,128,.18),transparent 55%),var(--ink);color:#f3ede2;padding:clamp(24px,5vw,42px) clamp(20px,5vw,36px);display:flex;flex-direction:column}.auth-brand img{width:46px;height:46px;border-radius:12px;margin-bottom:26px}.auth-brand h2{margin:0 0 10px;font-size:clamp(21px,5.5vw,25px);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#fff}.auth-brand p{margin:0 0 26px;font-size:14px;color:#b9b2a4}.auth-points{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:13px}.auth-points li{position:relative;padding-left:28px;font-size:13.5px;color:#d9d2c4}.auth-points li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #c5a88038}.auth-form{padding:clamp(24px,5vw,42px) clamp(18px,5vw,38px);min-width:0}@media(max-width:760px){.auth-split{grid-template-columns:1fr;border-radius:18px}.auth-brand img{width:40px;height:40px;margin-bottom:14px}.auth-brand h2{margin:0 0 8px}.auth-brand p{font-size:13.5px;margin:0}.auth-points{display:none}.auth-form{padding-bottom:28px}}
