/* خراسان دیجیتال — هماهنگ با app.html */
:root{--bg:#07080C;--surface:#0D0F17;--card:#121520;--elev:#1A1E2E;--cyan:#00F0FF;--emerald:#00E599;--gold:#F59E0B;--t1:#fff;--t2:#94A3B8;--t3:#64748B;--bd:rgba(255,255,255,.08)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(900px 420px at 85% -80px,rgba(0,240,255,.12),transparent 70%),radial-gradient(700px 380px at 5% 0,rgba(0,229,153,.08),transparent 70%),var(--bg);color:var(--t1);font-family:"Vazirmatn",system-ui,-apple-system,Tahoma,sans-serif;line-height:2;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:rgba(0,240,255,.25);color:#fff}
header,main,footer{position:relative;z-index:1;max-width:820px;margin:0 auto;padding-inline:20px}
header{padding-top:22px;padding-bottom:6px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--t1)}
.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.brand b{display:block;font-size:16px;font-weight:800;line-height:1.5}
.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--t2);line-height:1.4}
nav.top{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
nav.top a{font-size:12.5px;font-weight:700;color:#cbd5e1;text-decoration:none;border:1px solid var(--bd);background:rgba(18,21,32,.6);border-radius:999px;padding:5px 14px;line-height:1.9;white-space:nowrap;transition:border-color .3s,color .3s}
nav.top a:hover{color:var(--cyan);border-color:rgba(0,240,255,.4)}
h1{font-size:clamp(26px,5.2vw,40px);font-weight:900;line-height:1.5;margin:26px 0 12px;background:linear-gradient(to left,var(--cyan),var(--emerald));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:19px;font-weight:800;margin:30px 0 8px;color:var(--t1);padding-inline-start:12px;border-inline-start:3px solid var(--emerald);line-height:1.7}
h3{font-size:15.5px;font-weight:700;margin:16px 0 0;color:var(--cyan)}
h3+p{margin-top:2px}
p{color:#cbd5e1;margin:8px 0}
ol,ul{color:#cbd5e1;margin:10px 0;padding-inline-start:24px}
li{margin:4px 0}
li::marker{color:var(--emerald)}
b{color:var(--t1)}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.card{background:rgba(18,21,32,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--bd);border-radius:22px;padding:18px 22px;margin:26px 0}
.btn,a.btn{display:inline-flex;align-items:center;font-weight:800;font-size:14.5px;color:var(--bg);background:linear-gradient(to left,var(--cyan),var(--emerald));border-radius:999px;padding:11px 26px;margin:5px 0 5px 10px;text-decoration:none;transition:box-shadow .5s}
.btn:hover{box-shadow:0 0 36px -8px rgba(0,240,255,.7);text-decoration:none}
.btn.alt,a.btn.alt{color:#e2e8f0;background:transparent;border:1px solid rgba(255,255,255,.15)}
.btn.alt:hover{border-color:rgba(245,158,11,.5);box-shadow:none}
footer{padding-top:18px;padding-bottom:44px;color:var(--t3);font-size:12.5px;border-top:1px solid var(--bd);margin-top:10px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}