:root{color-scheme:light;--navy:#0d1944;--blue:#18265b;--violet:#7664be;--aqua:#1ec9c3;--ink:#14244c;--panel:#f8f9ff;--border:#e0e4f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:radial-gradient(80% 48% at 93% -10%,#5c3caa 0%,transparent 75%),linear-gradient(155deg,#0b1438,#242567 60%,#152f5f);min-height:100vh}a{color:#165c88}header{max-width:980px;margin:0 auto;padding:24px 18px 20px;color:white;display:flex;gap:18px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;border-radius:16px;object-fit:cover;border:2px solid #a7e8e8}.brand strong{display:block;letter-spacing:.16em;font-size:1.25rem}.brand span{color:#c9f9f5;font-size:.78rem}.toplinks{display:flex;gap:12px;flex-wrap:wrap}.toplinks a{color:white;text-decoration:none;background:#ffffff22;border:1px solid #ffffff55;padding:10px 12px;border-radius:11px;font-size:.88rem}main{max-width:980px;margin:0 auto;padding:0 18px 65px}.hero{color:#fff;padding:26px 10px 26px}.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 10px;line-height:1.25}.hero p{color:#d3e9ef;max-width:690px}.card{border:1px solid var(--border);background:rgba(255,255,255,.98);border-radius:25px;padding:clamp(18px,3vw,35px);box-shadow:0 12px 40px #090f3299;margin-bottom:20px}.card[dir=rtl]{text-align:right}.card[dir=ltr]{text-align:left}h2{font-size:1.5rem;margin:10px 0 18px}h3{font-size:1.06rem;margin:27px 0 9px;color:#2a2e83}p,li{line-height:1.85}ul{padding-inline-start:25px}p{margin:9px 0}small,.muted{color:#64718c}.lang{font-weight:700;color:var(--violet);text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}.alert{background:#edfafb;padding:16px;border-inline-start:4px solid var(--aqua);border-radius:10px;margin:22px 0}.btn{display:inline-block;background:linear-gradient(100deg,#13b7b6,#5365c1);border-radius:12px;color:white;text-decoration:none;padding:12px 18px;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini{display:block;padding:25px;border-radius:16px;background:var(--panel);text-decoration:none;border:1px solid var(--border)}.mini strong{color:var(--ink);display:block;margin-bottom:8px}footer{text-align:center;color:#dae7ee;padding:0 18px 30px;font-size:.82rem}@media(max-width:640px){.two{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.toplinks a{font-size:.8rem}}