@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--font-ui:Vazirmatn,'Segoe UI',Tahoma,Arial,sans-serif;--bg:#f4f7fa;--surface:#fff;--text:#172b41;--muted:#576b7f;--border:#dce5ed;--primary:#087c91;--primary-dark:#075f70;--accent:#d7f2f1;--success:#15816b;--shadow:0 22px 70px rgba(16,52,77,.08);--radius-card:24px;--radius-control:12px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font-ui)}html{background:var(--bg);color:var(--text)}body,button,input,select,textarea{font-family:var(--font-ui)}body{background:radial-gradient(circle at 15% 12%,#dceeed 0,transparent 34%),var(--bg)}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #e0a345;outline-offset:4px}
.shell{min-height:100vh;display:flex;flex-direction:column;max-width:1240px;margin:auto;padding:24px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--primary);color:white;border-radius:12px;direction:ltr;font:800 24px var(--font-ui)}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#07564f;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700}.dot{width:7px;height:7px;border-radius:50%;background:var(--success)}
.main{width:100%;max-width:820px;margin:auto;padding-block:64px 48px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-card);padding:48px}.eyebrow{color:var(--primary);font-size:14px;font-weight:800;margin-block-end:16px}.card h1{font-size:clamp(30px,5vw,50px);line-height:1.5;margin:0 0 18px}.card p,.info p{color:var(--muted);line-height:2;margin:0}.card p{max-width:610px;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 22px;border-radius:var(--radius-control);font-weight:750;transition:background .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--primary);color:white}.primary:hover{background:var(--primary-dark)}.secondary{border:1px solid var(--border);background:#fff}.secondary:hover{background:#edf4f6}.info{display:flex;gap:16px;margin-block-start:20px;padding:24px 28px;border:1px solid #cee7e4;background:#edf9f6;border-radius:18px}.info-icon{color:var(--success);font-size:25px;line-height:1.3}.info strong{display:block;margin-block-end:4px}.info p{font-size:14px}footer{margin-block-start:auto;color:var(--muted);font-size:13px;padding-block:24px}
@media(max-width:600px){.shell{padding:16px}.topbar{align-items:flex-start}.brand{font-size:15px}.brand-mark{width:36px;height:36px}.badge{font-size:11px;padding:8px 10px}.main{padding-block:52px 28px}.card{padding:28px 22px;border-radius:18px}.card p{font-size:15px}.actions{flex-direction:column}.button{width:100%}.info{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.button:hover{transform:none}}
button,input,select,textarea{font:inherit}
.shell,.main,.card,.info,.info>div{min-width:0}
@media(max-width:600px){.topbar{flex-direction:column;align-items:flex-start}.brand,.badge{max-width:100%}.card h1,.card p,.info p{overflow-wrap:anywhere}}