:root{--ink:#171310;--muted:#6b6259;--line:#e7ded2;--bg:#f7f3ec;--card:#fff;--gold:#c9a227;--gold-soft:#f4e6c1;--green:#2f6b4f;--green-soft:#e4f0e8;--red:#b23a2e;--red-soft:#fbe7e3;--blue:#2f5d7a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.nav{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:900;display:flex}.logo-mark{background:var(--ink);width:32px;height:32px;color:var(--gold);border-radius:9px;place-items:center;font-size:15px;font-weight:900;display:grid}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:clamp(26px,4vw,34px)}h2{font-size:24px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 30px #1713100f}.grid{gap:16px;display:grid}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:6px;display:grid}.field label{color:#3f382f;font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;padding:12px 13px;font-family:inherit;font-size:15px}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a2272e}.field .hint{color:var(--muted);font-size:12px}.btn{cursor:pointer;background:var(--ink);color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.gold{background:var(--gold);color:#1d1607}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.block{width:100%}.btn.link{color:var(--blue);cursor:pointer;background:0 0;border:none;justify-self:start;padding:4px 2px;font-size:13px;font-weight:700}.badge{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.gold{background:var(--gold-soft);color:#6a520b}.badge.green{background:var(--green-soft);color:var(--green)}.badge.gray{color:var(--muted);background:#efeae3}.badge.red{background:var(--red-soft);color:var(--red)}.alert{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.alert.error{background:var(--red-soft);color:var(--red)}.alert.ok{background:var(--green-soft);color:var(--green)}.alert.info{background:var(--gold-soft);color:#6a520b}.alert ul{margin:6px 0 0;padding-left:18px}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-left{flex-direction:column;justify-content:center;padding:40px 44px;display:flex}.auth-right{color:#fff;background:linear-gradient(160deg,#1d1712,#33271a);flex-direction:column;justify-content:center;gap:16px;padding:44px;display:flex}.auth-right .quote{letter-spacing:-.02em;font-size:23px;line-height:1.35}.auth-card{width:100%;max-width:520px}.trial-bar{background:#eadfc4;border-radius:999px;max-width:320px;height:6px;margin-top:8px;overflow:hidden}.trial-bar span{background:var(--gold);border-radius:999px;height:100%;display:block}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.metric .k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.metric .v{margin-top:4px;font-size:24px;font-weight:900}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-right{display:none}.two{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.auth-left{padding:28px 20px}}
