@import "https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css";
:root{--bg:#0f1a14;--bg-2:#15241b;--panel:#1b2e22;--panel-2:#22392b;--line:#2e4a39;--ball:#d8f53c;--ball-soft:#c2dd33;--ink:#eaf3ec;--muted:#8fab97;--muted-2:#6c8a76;--court:#3a6b4a;--danger:#ff7a6b;--star:#ffce4a;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 90% -10%, #d8f53c14, transparent 60%), radial-gradient(900px 500px at -10% 110%, #3a6b4a40, transparent 55%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100%;font-family:Vazirmatn,sans-serif}.wrap{max-width:480px;margin:0 auto;padding:0 18px}.btn{cursor:pointer;background:var(--ball);width:100%;color:var(--bg);border:none;border-radius:13px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #d8f53cb3}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.field{margin-bottom:16px}.field label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input{width:100%;color:var(--ink);text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;outline:none;padding:14px;font-family:inherit;font-size:16px;transition:all .15s}.field input:focus{border-color:var(--ball);box-shadow:0 0 0 3px #d8f53c1f}.card{background:linear-gradient(155deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;box-shadow:0 18px 50px -22px #000c}.chips{gap:8px;display:flex}.chip{text-align:center;cursor:pointer;background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:11px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.chip.on{background:var(--ball);color:var(--bg);border-color:var(--ball)}.err{color:var(--danger);text-align:center;min-height:18px;margin-top:12px;font-size:13px}.brand-h{flex-direction:column;align-items:center;gap:6px;margin:42px 0 26px;display:flex}.brand-h .logo{background:radial-gradient(circle at 32% 30%, #eaff6b, var(--ball) 55%, var(--ball-soft));border-radius:16px;width:54px;height:54px;box-shadow:0 8px 22px -6px #d8f53c99}.brand-h h1{letter-spacing:-.3px;font-size:24px;font-weight:800}.brand-h p{color:var(--muted);font-size:13px}