:root{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;color:#11233d;background:#f3f7fb;line-height:1.75;--navy:#092746;--blue:#0c6c91;--cyan:#1ba9ba;--green:#218868;--muted:#66758b;--line:#dbe5ee;--card:#fff;--shadow:0 20px 55px rgba(16,51,80,.11)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 7% 12%,#dff7f8 0,transparent 25%),radial-gradient(circle at 92% 42%,#e9e7ff 0,transparent 28%),#f3f7fb}
a{color:inherit}
.site-header{height:72px;max-width:960px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:20px}
.brand img{width:40px;height:40px}
.header-link{padding:9px 15px;border:1px solid var(--line);border-radius:11px;text-decoration:none;background:#ffffffb8;font-weight:750;font-size:13px}
main{max-width:960px;margin:auto;padding:22px 20px 64px}
.hero{padding:34px 38px;display:grid;grid-template-columns:1fr 250px;gap:28px;align-items:center;border-radius:26px;background:linear-gradient(135deg,#072340,#09577b 62%,#12a4ad);color:white;box-shadow:0 22px 55px rgba(9,54,86,.18);overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0d;left:-90px;top:-120px}
.hero-copy{position:relative;z-index:1}
.eyebrow{display:inline-flex;padding:5px 11px;border-radius:999px;background:#ffffff19;border:1px solid #ffffff2d;font-size:12px}
.hero h1{font-size:34px;line-height:1.45;margin:13px 0 8px}
.hero p{margin:0;color:#d8edf4;max-width:620px}
.app-card{position:relative;z-index:1;background:#fff;color:var(--navy);padding:18px;border-radius:20px;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;box-shadow:0 20px 42px #00182d44}
.app-icon{width:58px;height:58px;border-radius:15px}
.app-card strong{display:block;font-size:18px}
.app-card small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.qr{grid-column:1/-1;width:118px;height:118px;justify-self:center;border-radius:12px;border:1px solid var(--line);padding:6px;background:#fff}
.download-panel{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}
.section-title span{font-size:12px;color:var(--blue);font-weight:800}
.section-title h2{margin:2px 0 0;font-size:25px}
.section-title p{color:var(--muted);font-size:12px;margin:0}
.download-actions{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0 12px}
.download-button{min-height:72px;border-radius:16px;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;color:white;transition:transform .18s ease,box-shadow .18s ease}
.download-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1235}
.download-button.bazaar{background:linear-gradient(135deg,#198b68,#24ad79)}
.download-button.direct{background:linear-gradient(135deg,#123b66,#0a7794)}
.button-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff1f;font-size:21px;font-weight:900}
.download-button small,.download-button strong{display:block}
.download-button small{opacity:.83;font-size:11px}
.download-button strong{font-size:18px}
.notice{padding:12px 15px;background:#fff7df;border:1px solid #f0d58a;color:#745813;border-radius:13px;font-size:13px}
.release-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 2px;color:var(--muted);font-size:12px}
.release-summary span{display:inline-flex;gap:5px}
.release-summary strong{color:#203852}
.release-notes{margin-top:8px;padding:14px 16px;border-right:4px solid var(--cyan);background:#f1fafb;border-radius:12px}
.release-notes p{margin:3px 0 0;color:#53667b;font-size:13px;white-space:pre-line}
.quick-help{margin-top:14px;padding:13px 15px;background:#f8fafc;border:1px solid #e3eaf1;border-radius:12px}
.quick-help p{margin:2px 0;color:#586a7f;font-size:12px}
.quick-help strong{color:#203852}
.technical-details{margin-top:12px;border:1px solid #e3eaf1;border-radius:12px;background:#fbfcfe;overflow:hidden}
.technical-details summary{padding:12px 15px;cursor:pointer;font-size:12px;font-weight:800;color:#40566e}
.technical-details[open] summary{border-bottom:1px solid #e7edf3}
.hash-row{padding:13px 15px 6px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.hash-row>span{font-size:11px;color:var(--muted)}
.hash-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;overflow-wrap:anywhere;color:#294057;direction:ltr;text-align:left}
.copy-button{border:0;background:#e5f0f5;color:#0a5d79;border-radius:8px;padding:6px 10px;font:inherit;font-size:11px;cursor:pointer}
.technical-details p{margin:0;padding:0 15px 13px;color:#748298;font-size:11px}
footer{max-width:960px;margin:auto;padding:24px 20px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
footer nav{display:flex;gap:16px}
.hidden{display:none!important}
.legal-page{max-width:900px}
.legal-hero{padding:32px;border-radius:24px;background:linear-gradient(135deg,#082746,#0b718c);color:white}
.legal-hero h1{margin:0 0 8px;font-size:31px}
.legal-hero p{margin:0;color:#d4e8ef}
.legal-card{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.legal-card h2{font-size:20px;margin:24px 0 6px}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{color:#4d6075;font-size:14px}
.legal-card li{margin:6px 0}
.legal-card a{color:#086b8d}
@media(max-width:760px){
  .site-header{height:64px}
  main{padding-top:12px}
  .hero{grid-template-columns:1fr;padding:26px 22px}
  .hero h1{font-size:28px}
  .hero p{font-size:13px}
  .app-card{grid-template-columns:52px 1fr;padding:14px}
  .app-icon{width:52px;height:52px}
  .qr{display:none}
  .section-title{display:block}
  .section-title p{margin-top:5px}
  .download-panel{padding:19px}
  footer{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:430px){
  main{padding-left:12px;padding-right:12px}
  .site-header{padding-left:14px;padding-right:14px}
  .hero{border-radius:20px}
  .download-panel{border-radius:18px}
  .hero h1{font-size:25px}
  .hash-row{grid-template-columns:1fr}
  .hash-row code{text-align:left}
}