:root{--bg:#0b1020;--card:#121833;--ink:#e8ecff;--muted:#a7b0d8;--brand:#49a6ff;--accent:#00d4a0;}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#070b16,#0b1020);color:var(--ink)}
a{color:var(--brand);text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;position:sticky;top:0;background:rgba(11,16,32,.7);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #1b2550;z-index:10}
.logo{font-weight:800;font-size:20px;color:var(--ink)} .logo span{color:var(--accent)}
nav a{margin-left:18px;color:var(--ink)} nav .btn{margin-left:24px}
.btn{display:inline-block;padding:10px 16px;border-radius:14px;border:1px solid #2a356b}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#041226;font-weight:700}
.btn-outline{color:var(--ink)}
.hero{padding:64px 24px;background:radial-gradient(1000px 500px at 10% 10%,#16214a,transparent),radial-gradient(800px 400px at 90% 0%,#0e2440,transparent)}
.hero-content{max-width:980px;margin:0 auto;text-align:center}
.hero h1{font-size:44px;margin:0 0 12px}
.hero p{color:var(--muted);font-size:18px}
.cta-row{margin-top:18px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:24px;max-width:1100px;margin:0 auto}
.card{background:var(--card);border:1px solid #1f2a5a;border-radius:16px;padding:18px}
.card.link{transition:transform .15s ease, box-shadow .15s ease}
.card.link:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.page-hero{padding:48px 24px;text-align:center}
.page-hero h1{margin:0 0 8px}
.content{max-width:900px;margin:0 auto;padding:0 24px 24px;color:var(--ink)}
.course-list li{margin:0 0 16px}
.ticks{list-style:none;padding-left:0}
.ticks li{margin:10px 0;padding-left:28px;position:relative}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.notice{background:#0f2545;border:1px dashed #2a59a8;border-radius:12px;padding:14px;margin:14px 0}
.site-footer{border-top:1px solid #1b2550;padding:24px;color:var(--muted)}
.copy{margin-top:12px;text-align:center;color:#7f8ac5}
.contact-form{max-width:720px;margin:0 auto;background:var(--card);border:1px solid #1f2a5a;border-radius:16px;padding:16px}
.contact-form label{display:block;margin:8px 0}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:10px;border-radius:12px;border:1px solid #2a356b;background:#0a1430;color:var(--ink)}
.cards-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.small{color:var(--muted)}