:root{--navy:#061b35;--blue:#1565c0;--teal:#0097a7;--green:#18c98b;--bg:#f4f7fb;--card:#fff;--text:#081d35;--muted:#718096;--border:#dfe6ee;--soft:#eef8fb;--danger:#c53030;--shadow:0 16px 45px rgba(6,27,53,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#e7fbff 0,#f4f7fb 34%,#f4f7fb 100%);font-family:"Sakkal Majalla","Sakkal",Tahoma,Arial,sans-serif;color:var(--text);font-size:20px;line-height:1.75;min-height:100vh}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,230,238,.8)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:210px;display:block;mix-blend-mode:multiply}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-links a{text-decoration:none;padding:9px 13px;border-radius:13px;color:#334155;font-weight:700;font-size:17px}.nav-links a:hover,.nav-links a.active{color:var(--teal);background:#fff}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--teal))!important;color:#fff!important;box-shadow:0 9px 22px rgba(0,151,167,.18)}.menu-btn{display:none;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px 13px;font-size:22px}.hero{padding:80px 0 42px}.hero-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#e8f8f9;color:#087f8c;font-weight:800;font-size:15px}.hero h1{font-size:58px;line-height:1.18;margin:18px 0 16px;letter-spacing:-.5px}.hero p{font-size:23px;color:var(--muted);max-width:720px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:16px;text-decoration:none;font-weight:800;border:1px solid var(--border);background:#fff}.btn-primary{color:#fff;border:0;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 10px 24px rgba(0,151,167,.22)}.btn-muted{color:#64748b;background:#eef2f7;cursor:not-allowed}.hero-panel{background:linear-gradient(135deg,#071c36,#0f6f91);color:#fff;border-radius:32px;padding:28px;box-shadow:0 22px 52px rgba(6,27,53,.20);position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);left:-70px;top:-90px}.hero-panel h2{font-size:31px;margin:8px 0;color:#fff}.hero-panel p{color:#d9f6ff;font-size:18px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.mini-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;min-height:112px}.mini-card b{display:block;font-size:19px}.mini-card span{display:block;color:#d9f6ff;font-size:15px;line-height:1.45;margin-top:5px}.section{padding:42px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 28px}.section-title h2{font-size:40px;margin:0 0 8px}.section-title p{margin:0;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:26px;padding:25px;box-shadow:var(--shadow)}.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--soft);font-size:27px;margin-bottom:14px}.card h3{font-size:24px;margin:0 0 7px}.card p{color:var(--muted);margin:0;font-size:17px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.metric{background:#fff;border:1px solid var(--border);border-radius:22px;text-align:center;padding:19px;box-shadow:0 10px 25px rgba(6,27,53,.05)}.metric b{display:block;color:var(--navy);font-size:30px}.metric span{color:var(--muted);font-size:16px}.page-hero{padding:54px 0 26px}.page-hero-box{background:linear-gradient(135deg,#071c36,#0f6f91);border-radius:30px;padding:34px;color:#fff}.page-hero-box h1{font-size:42px;margin:5px 0 6px;color:#fff}.page-hero-box p{margin:0;color:#d9f6ff}.content{padding:24px 0 55px}.content-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.content-card h2{font-size:28px;color:#0b6170;margin:28px 0 8px}.content-card h2:first-child{margin-top:0}.content-card ul{padding-right:24px}.content-card li{margin:7px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-email{display:inline-flex;direction:ltr;font-weight:800;color:#087f8c;padding:8px 13px;border:1px solid #9dd9dc;border-radius:11px;background:#effafa;text-decoration:none}.status-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.status-dot{width:13px;height:13px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px #e2e8f0}.status-dot.ok{background:#18c98b;box-shadow:0 0 0 5px #dcfce7}.status-dot.bad{background:#ef4444;box-shadow:0 0 0 5px #fee2e2}.status-row{display:flex;align-items:center;gap:12px}.status-value{font-weight:800}.status-note{color:var(--muted);font-size:16px}.download-box{text-align:center;padding:44px}.download-icon{width:94px;height:94px;border-radius:28px;display:grid;place-items:center;background:var(--soft);margin:0 auto 18px;font-size:48px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center}.not-found h1{font-size:92px;margin:0;color:var(--teal);line-height:1}.site-footer{border-top:1px solid var(--border);padding:28px 0;margin-top:30px;background:rgba(255,255,255,.55)}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#52606d;font-size:16px}.copyright{color:var(--muted);font-size:16px}.notice{padding:14px 16px;border-radius:15px;background:#fff8e6;border:1px solid #f5d78e;color:#7a5600}.tech-list{display:grid;gap:12px}.tech-item{padding:15px;border-radius:16px;background:#f8fbfc;border:1px solid var(--border)}
@media(max-width:900px){.hero-wrap,.grid-3,.support-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.nav-links{display:none;position:absolute;top:76px;right:20px;left:20px;background:#fff;padding:12px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.menu-btn{display:block}.brand img{width:175px}.hero{padding-top:48px}}
@media(max-width:560px){body{font-size:18px}.container{width:min(100% - 24px,1180px)}.hero h1{font-size:36px}.hero p{font-size:19px}.page-hero-box h1{font-size:34px}.content-card{padding:23px}.metrics{grid-template-columns:1fr}.footer-row{flex-direction:column;align-items:flex-start}.mini-grid{grid-template-columns:1fr}}
