:root{--navy:#0a2a6b;--ink:#0b1630;--or:#ff8200;--bg:#f6f8fc;--line:#dbe2f0}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}.w{max-width:1120px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:#fffe;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:9}
header .w{display:flex;align-items:center;gap:20px;min-height:68px}header img{height:42px}
nav{display:flex;gap:18px;margin-inline-start:auto;flex-wrap:wrap;font-weight:600;font-size:.95rem}nav a:hover{color:var(--or)}
.btn{display:inline-block;padding:10px 24px;border-radius:999px;border:2px solid var(--navy);font-weight:700;background:none;cursor:pointer;font:inherit;font-weight:700}
.btn.p{background:var(--or);border-color:var(--or);color:#fff}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.hero{background:var(--navy);color:#fff;padding:96px 0}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.2;margin:0 0 16px;max-width:15em}
.hero p{max-width:40em;font-size:1.15rem;opacity:.88}.hero .btn{border-color:#fff;color:#fff;margin:8px 0 0;margin-inline-end:10px}.hero .btn.p{border-color:var(--or)}
.hero .pill{display:inline-block;border:2px solid var(--or);border-radius:999px;padding:2px 18px;margin-bottom:20px;font-weight:700;color:var(--or)}
section{padding:72px 0}section.alt{background:var(--bg)}h2{font-size:2rem;margin:0 0 8px;color:var(--navy)}.sub{margin:0 0 32px;opacity:.75}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;border-inline-start:5px solid var(--or)}.card h3{margin:0 0 6px;color:var(--navy)}.card p{margin:0;font-size:.95rem}
form.c{display:grid;gap:12px;max-width:560px}input,textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:12px;width:100%}
.cta{background:var(--navy);color:#fff;text-align:center}.cta h2{color:#fff}footer{padding:24px 0;text-align:center;font-size:.9rem;opacity:.7}.ok{background:#e7f8ec;padding:10px 16px;border-radius:10px}
.adm{background:var(--bg);min-height:100vh}.adm nav{margin:0;padding:14px 0}.adm form.r{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}
.adm .full{grid-column:1/-1}.adm label{font-weight:600;font-size:.85rem}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border:1px solid var(--line);text-align:start}
@media(max-width:700px){.adm form.r{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.hero .pill{animation:f .8s both}@keyframes f{from{opacity:0;transform:translateY(10px)}}}