:root{
  --bg:#f7f9fc;--surface:#ffffff;--text:#121826;--muted:#62708a;--primary:#e1184d;--primary-dark:#ba103d;--accent:#10bce3;--accent-dark:#0698bb;--navy:#0b1020;--line:#e6ebf3;--success:#0c9b6d;--danger:#d92d20;--shadow:0 24px 70px rgba(14,24,47,.12);--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.top-strip{background:var(--navy);color:#fff;font-size:.9rem}.top-grid{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.top-strip a{color:#8ee7ff;font-weight:800}.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:1000;box-shadow:0 10px 30px rgba(16,24,40,.06)}.navbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:1.1rem;font-weight:900;color:var(--navy);line-height:1}.brand small{display:block;color:var(--muted);font-size:.78rem}.nav-links{display:flex;align-items:center;gap:18px;font-weight:800;color:#22304a}.nav-links a:not(.btn){position:relative}.nav-links a:not(.btn):after{content:"";position:absolute;bottom:-8px;right:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:.25s}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:12px;width:44px;height:44px;font-size:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 24px;font-weight:900;cursor:pointer;transition:.25s;font-family:inherit}.btn.small{padding:10px 18px}.btn-primary{background:linear-gradient(135deg,var(--primary),#ff4b78);color:#fff;box-shadow:0 12px 34px rgba(225,24,77,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(225,24,77,.35)}.btn-secondary{background:linear-gradient(135deg,var(--accent),#7ee8ff);color:#052334}.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--navy)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(16,188,227,.22),transparent 32%),linear-gradient(135deg,#fff 0%,#eef8ff 46%,#fff3f6 100%)}.hero-bg:before{content:"";position:absolute;inset:auto -80px -140px auto;width:420px;height:420px;background:rgba(225,24,77,.13);border-radius:50%;filter:blur(6px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;min-height:650px;padding:80px 0}.eyebrow{display:inline-block;color:var(--primary);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(2.2rem,4.7vw,4.7rem);line-height:1.15;margin:0 0 22px;font-weight:900;color:var(--navy)}.hero p,.page-hero p{font-size:1.16rem;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-row{display:flex;gap:12px;flex-wrap:wrap}.trust-row span,.tag,.closed-badge{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-weight:800;color:#39445c;font-size:.86rem}.hero-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);border-radius:34px;padding:34px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,188,227,.14),rgba(225,24,77,.11));pointer-events:none}.hero-card>*{position:relative}.hero-card img{width:210px;margin:0 auto 20px}.hero-card h3{font-size:1.8rem;margin:0 0 8px}.hero-card ul{padding:0;list-style:none;margin:18px 0 0}.hero-card li{background:#fff;margin:10px 0;padding:12px 14px;border-radius:15px;font-weight:800;border:1px solid var(--line)}.section{padding:88px 0}.section-head{margin-bottom:36px;text-align:center}.section-head h2,.split-section h2,.cta-card h2,.info-panel h2{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 12px;color:var(--navy);line-height:1.25}.section-head p{color:var(--muted);margin:auto;max-width:740px}.split{display:flex;justify-content:space-between;align-items:end;text-align:right;gap:20px}.link-arrow{font-weight:900;color:var(--primary)}.announcements-section{background:#fff}.announcement-slider{position:relative}.announcement-card{display:none;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#10182e,#18233f);color:#fff;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);min-height:390px}.announcement-card.active{display:grid}.announcement-copy{padding:46px}.announcement-copy span{color:#8ee7ff;font-weight:900}.announcement-copy h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;margin:12px 0}.announcement-copy p{color:#d8e4ff;max-width:640px}.announcement-media{height:100%;min-height:340px;background:linear-gradient(135deg,rgba(16,188,227,.24),rgba(225,24,77,.22));display:flex;align-items:center;justify-content:center}.announcement-media img{width:78%;max-height:320px;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.25))}.slider-controls{position:absolute;bottom:22px;left:24px;display:flex;gap:8px}.slider-controls button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:1.7rem;cursor:pointer}.stats-wrap{padding:34px 0;background:var(--navy)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;color:#fff}.stat-card strong{font-size:2rem;display:block}.stat-card span{color:#cfd9ef}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards-grid.wide{grid-template-columns:repeat(3,1fr)}.course-card,.competition-card,.media-card,.info-panel,.payment-card,.smart-form,.login-card,.list-panel,.about-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 50px rgba(14,24,47,.07)}.course-card{padding:28px;transition:.25s}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.course-icon{font-size:2.4rem;width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,#eefbff,#fff1f5);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.course-card h3,.competition-card h3,.media-card h3{font-size:1.35rem;margin:14px 0 8px;color:var(--navy)}.course-card p,.competition-card p,.media-card p,.info-panel p{color:var(--muted)}.card-meta,.comp-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.card-meta span,.comp-meta span{font-size:.82rem;background:#f3f6fb;border-radius:999px;padding:6px 11px;color:#506079;font-weight:800}.dark-section{background:linear-gradient(135deg,#0b1020,#18233f);color:#fff;position:relative;overflow:hidden}.dark-section p{color:#d7def1}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.mini-list{display:grid;gap:14px}.mini-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;transition:.2s}.mini-item:hover{background:rgba(255,255,255,.14)}.mini-item strong{display:block}.mini-item span{color:#cbd6f0}.cta-section{padding-top:0}.cta-card{background:linear-gradient(135deg,#fff,#effbff);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-hero{background:linear-gradient(135deg,#fff,#eef8ff 54%,#fff3f6);padding:78px 0}.page-hero.compact{padding:70px 0}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.detail-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:900;color:#39445c}.detail-badge{font-size:8rem;text-align:center;background:#fff;border-radius:38px;box-shadow:var(--shadow);padding:50px}.detail-image{background:#fff;border-radius:36px;box-shadow:var(--shadow);padding:28px}.detail-image img{width:100%;max-height:360px;object-fit:contain}.outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.outcome{padding:16px;border-radius:18px;background:#f6f9fd;border:1px solid var(--line);font-weight:800;color:#26344f}.outcome span{color:var(--success);margin-left:8px}.competition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.competition-card{overflow:hidden;display:grid;grid-template-columns:230px 1fr}.competition-image{background:#f7fbff;display:flex;align-items:center;justify-content:center;padding:20px}.competition-image img{max-height:220px;object-fit:contain}.competition-body{padding:24px}.card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.closed-badge{color:var(--danger)}.closed-badge.big{display:inline-flex;margin-top:20px}.media-filters{display:flex;gap:10px;justify-content:center;margin-bottom:28px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:900;cursor:pointer}.filter.active{background:var(--navy);color:#fff}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.media-card{overflow:hidden}.media-box{height:240px;background:#f3f7fb;display:flex;align-items:center;justify-content:center}.media-box img,.media-box video,.media-box iframe{width:100%;height:100%;object-fit:cover;border:0}.media-info{padding:20px}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.payment-card,.smart-form,.login-card,.info-panel{padding:28px}.pay-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f9fd;border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin:12px 0}.pay-box strong{color:var(--navy)}.small-note{font-size:.9rem;color:var(--muted)}.smart-form label,.login-card label{display:block;font-weight:900;color:#27344e;margin-bottom:14px}.smart-form input,.smart-form select,.smart-form textarea,.login-card input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:15px;padding:13px 14px;font-family:inherit;font-size:1rem;background:#fff;color:var(--text);outline:none}.smart-form input:focus,.smart-form select:focus,.smart-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(16,188,227,.12)}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex!important;gap:10px;align-items:center}.check input{width:auto!important}.alert{border-radius:16px;padding:14px 16px;margin-bottom:18px;font-weight:900}.alert.success{background:#ecfdf5;color:#067647;border:1px solid #abefc6}.alert.error{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.about-grid,.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.about-card{text-align:center;padding:36px}.about-card img{width:190px;margin:0 auto 20px}.contact-item{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.quick-link{display:block;background:#f6f9fd;border:1px solid var(--line);padding:14px;border-radius:15px;margin:10px 0;font-weight:900}.site-footer{background:#0b1020;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:34px}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:80px}.site-footer p{color:#c9d3e7}.site-footer a{display:block;color:#dbe7ff;margin:8px 0}.copyright{text-align:center;color:#94a3b8;border-top:1px solid rgba(255,255,255,.1);padding:18px;margin-top:38px}.admin-hero{background:linear-gradient(135deg,#0b1020,#1d2a4d);color:#fff}.admin-hero h1{color:#fff}.admin-section{padding-top:40px}.login-card{max-width:520px;margin:auto}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.tab-btn{border:1px solid var(--line);background:#fff;padding:12px 18px;border-radius:999px;font-family:inherit;font-weight:900;cursor:pointer}.tab-btn.active{background:var(--navy);color:#fff}.admin-pane{display:none}.admin-pane.active{display:block}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.list-panel{padding:24px}.list-panel.full{width:100%}.admin-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:#f6f9fd;border:1px solid var(--line);border-radius:16px;padding:12px;margin:10px 0}.danger{border:0;background:#fff1f3;color:var(--danger);border-radius:12px;padding:8px 12px;font-family:inherit;font-weight:900;cursor:pointer}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:right;white-space:nowrap}th{background:#f6f9fd;color:#22304a}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media (max-width:980px){.nav-links{position:absolute;top:100%;left:4%;right:4%;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.detail-grid,.split-section,.form-layout,.about-grid,.contact-grid,.admin-grid{grid-template-columns:1fr}.stats-grid,.cards-grid,.cards-grid.wide,.media-grid{grid-template-columns:repeat(2,1fr)}.competition-grid{grid-template-columns:1fr}.competition-card{grid-template-columns:1fr}.announcement-card,.announcement-card.active{grid-template-columns:1fr}.announcement-media{min-height:260px}.split,.cta-card{display:block}.cta-card .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr}.top-grid{display:block;text-align:center}.form-grid.two,.outcomes-grid{grid-template-columns:1fr}}
@media (max-width:620px){.hero-grid{min-height:auto;padding:56px 0}.hero h1,.page-hero h1{font-size:2.05rem}.section{padding:58px 0}.stats-grid,.cards-grid,.cards-grid.wide,.media-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.announcement-copy{padding:28px}.admin-item{grid-template-columns:1fr}.navbar{height:76px}.brand img{width:50px;height:50px}}


/* Course images and editable course admin */
.course-card{padding:0;overflow:hidden}.course-card-body{padding:24px 28px 28px}.course-card-image{height:190px;background:linear-gradient(135deg,#eefbff,#fff1f5);display:flex;align-items:center;justify-content:center;overflow:hidden}.course-card-image img{width:100%;height:100%;object-fit:cover}.course-detail-image{overflow:hidden;padding:0}.course-detail-image img{width:100%;height:100%;min-height:360px;object-fit:cover}.course-details-text{font-size:1.05rem;line-height:2;color:var(--muted)}.soft-divider{border:0;border-top:1px solid var(--line);margin:28px 0}.admin-details{background:#f6f9fd;border:1px solid var(--line);border-radius:18px;margin:12px 0;overflow:hidden}.admin-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900;color:var(--navy)}.admin-details summary span{display:flex;align-items:center;gap:10px}.admin-details summary img{width:54px;height:44px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid var(--line)}.admin-details summary em{font-style:normal;font-size:.82rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#506079}.compact-form{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;margin:0}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.delete-line{padding:0 24px 22px;background:#fff}.delete-line .danger{width:100%}
@media (max-width:620px){.course-card-image{height:170px}.course-detail-image img{min-height:240px}.admin-details summary{align-items:flex-start;flex-direction:column}}