@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";
:root{--ink:#171717;--muted:#716e68;--paper:#f4f1ea;--red:#c84332;--line:#d8d2c8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Vazirmatn,Tahoma,sans-serif}button,a{font:inherit}.shell{max-width:1180px;margin:auto;padding:28px 34px}.nav{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding-bottom:22px;display:flex}.mark{letter-spacing:.08em;color:var(--red);font-weight:800}.nav-status{color:var(--muted);flex:1;font-size:13px}.ghost{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px}.hero{max-width:770px;padding:110px 0 92px}.eyebrow{color:var(--red);letter-spacing:.08em;font-size:12px;font-weight:700}h1{letter-spacing:-.06em;margin:18px 0 26px;font-size:clamp(42px,7vw,80px);line-height:1.2}h1 em{color:var(--red);font-style:normal}.hero p{max-width:560px;color:var(--muted);font-size:16px;line-height:2}.actions{align-items:center;gap:22px;margin-top:34px;display:flex}.primary{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:5px;padding:14px 24px;font-weight:700}.primary:disabled{cursor:wait;opacity:.75}.loading-spinner{vertical-align:-2px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-left:9px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.text-link{color:var(--ink);font-size:14px;text-decoration:none}.cards{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.card{border-left:1px solid var(--line);min-height:220px;padding:26px}.card:first-child{border-left:0}.card-index{color:var(--red);font-size:13px}.card h2{margin:48px 0 8px;font-size:22px}.card p,.card-price{color:var(--muted);font-size:13px}.card-price{margin-top:30px;display:block}.wallet-strip{justify-content:space-between;align-items:center;gap:20px;padding:78px 0;display:flex}.wallet-strip h2{margin:14px 0 0;font-size:30px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:20px;font-size:12px;display:flex}.auth-shell{max-width:560px;margin:10vh auto;padding:34px}.auth-shell h1,.dashboard-head h1,.playground h1{letter-spacing:-.06em;margin:18px 0 34px;font-size:clamp(42px,6vw,70px);line-height:1.2}form{gap:18px;display:grid}label{color:var(--muted);gap:8px;font-size:13px;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#ffffff59;border-radius:4px;padding:14px}small,.form-message{color:var(--muted);font-size:12px}.quick-amounts{gap:8px;display:flex}.quick-amounts button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:8px 13px}.dashboard-head{padding:75px 0 45px}.dashboard-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.balance,.panel{background:var(--paper);min-height:230px;padding:28px}.balance strong{margin:26px 0 8px;font-size:42px;display:block}.balance p,.panel p{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.9}.panel h2{margin:48px 0 8px}.playground{max-width:720px;padding:80px 0}.result{white-space:pre-wrap;color:#f4f1ea;background:#211f1c;border-radius:5px;min-height:180px;padding:22px;overflow:auto}.key-row,.usage-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 0;font-size:13px;display:grid}.usage-table{margin-bottom:50px}.usage-row{grid-template-columns:1.3fr 1fr 1fr .8fr}.usage-head{color:var(--muted);border-top:0;font-weight:700}@media (max-width:700px){.auth-shell{margin:3vh auto;padding:20px}.dashboard-grid{grid-template-columns:1fr}.shell{padding:20px}.nav-status{display:none}.hero{padding:70px 0}.cards{grid-template-columns:1fr}.card{border-left:0;border-bottom:1px solid var(--line)}.wallet-strip,footer{display:block}.wallet-strip .primary{margin-top:20px}footer span{margin-bottom:8px;display:block}}
