* { margin:0; padding:0; box-sizing:border-box; }
:root { --color-primary:#C026D3; --color-primary-dark:#991EA8; --color-primary-light:#DC2BF2; --bg:#F8FAFC; --text:#0F172A; --text-light:#475569; --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body { font-family:var(--font); background:var(--bg); color:var(--text); line-height:1.7; }
a { color:var(--color-primary); text-decoration:none; transition:.3s ease; }
a:hover { color:var(--color-primary-dark); }
.header { position:sticky; top:0; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); border-bottom:1px solid rgba(15,23,42,.08); z-index:100; }
.container { max-width:1120px; margin:0 auto; padding:0 1.75rem; }
.navbar { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; }
.logo { display:flex; align-items:center; gap:.75rem; font-weight:700; font-size:1.25rem; }
.nav-menu { list-style:none; display:flex; gap:1.25rem; }
.nav-menu a { padding:.5rem 1rem; border-radius:999px; color:var(--text); }
.nav-menu a:hover { background:var(--color-primary-light); }
.hero-banner { position:relative; min-height:90vh; display:flex; align-items:center; padding:6rem 0; }
.hero-background { position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(148,163,184,.25)); }
.hero-pattern { position:absolute; inset:0; background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,.5), transparent 40%), radial-gradient(circle at 80% 0, rgba(255,255,255,.4), transparent 50%); }
.hero-content { position:relative; z-index:1; text-align:center; max-width:720px; margin:0 auto; }
.hero-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1.4rem; border-radius:999px; background:rgba(255,255,255,.85); font-weight:600; color:var(--color-primary-dark); border:1px solid rgba(255,255,255,.7); }
.hero-title { font-size:clamp(2.6rem,6vw,4.4rem); margin:1rem 0; }
.hero-subtitle { font-size:1.15rem; color:var(--text-light); margin-bottom:2.5rem; }
.hero-actions { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }
.btn-primary,.btn-secondary { padding:1rem 2.4rem; border-radius:999px; font-weight:600; transition:.3s ease; }
.btn-primary { background:var(--color-primary); color:#fff; box-shadow:0 12px 25px rgba(15,23,42,.12); }
.btn-primary:hover { transform:translateY(-3px); }
.btn-secondary { border:2px solid var(--color-primary); color:var(--color-primary); background:#fff; }
.btn-secondary:hover { background:var(--color-primary-light); }
.hero-stats { margin-top:3rem; display:flex; gap:1.25rem; justify-content:center; flex-wrap:wrap; }
.stat-item { width:200px; padding:1.5rem; background:rgba(255,255,255,.88); border-radius:1.25rem; box-shadow:0 10px 25px rgba(15,23,42,.08); text-align:center; }
.stat-number { font-size:2.4rem; font-weight:700; color:var(--color-primary); }
.section-header { text-align:center; margin-bottom:3rem; }
.section-label { display:inline-block; padding:.5rem 1.25rem; border-radius:999px; background:var(--color-primary-light); color:var(--color-primary-dark); font-weight:600; }
.section-header h2 { font-size:clamp(2rem,4vw,3rem); margin:1rem 0; }
.section-header p { color:var(--text-light); }
.programs-section { padding:5rem 0; }
.programs-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:1.5rem; }
.program-card { background:#fff; border-radius:1.5rem; padding:2rem; box-shadow:0 18px 40px rgba(15,23,42,.08); border:1px solid rgba(15,23,42,.05); transition:.3s ease; text-align:center; }
.program-card:hover { transform:translateY(-6px); box-shadow:0 28px 50px rgba(15,23,42,.12); }
.program-card.featured { border-color:var(--color-primary); }
.program-icon { font-size:2.5rem; margin-bottom:1rem; }
.success-section { padding:5rem 0; background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(148,163,184,.18)); }
.success-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:1.5rem; }
.success-card { background:#fff; padding:2rem; border-radius:1.5rem; box-shadow:0 16px 38px rgba(15,23,42,.1); border:1px solid rgba(15,23,42,.06); text-align:center; }
.contact-section { padding:5rem 0; }
.contact-content { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:2rem; align-items:start; }
.contact-item { padding:1.25rem; background:#fff; border-radius:1.25rem; box-shadow:0 12px 30px rgba(15,23,42,.08); }
.contact-form { background:#fff; padding:2rem; border-radius:1.5rem; box-shadow:0 18px 40px rgba(15,23,42,.08); }
.form-group { margin-bottom:1rem; }
.form-group label { font-weight:600; display:block; margin-bottom:.5rem; }
.form-group input, .form-group textarea { width:100%; padding:.8rem 1rem; border-radius:.9rem; border:1px solid rgba(15,23,42,.12); font-size:1rem; }
.form-group input:focus, .form-group textarea:focus { border-color:var(--color-primary); outline:none; box-shadow:0 0 0 3px var(--color-primary-light); }
.submit-button { width:100%; padding:1rem; border:none; border-radius:999px; background:var(--color-primary); color:#fff; font-weight:600; cursor:pointer; transition:.3s ease; }
.submit-button:hover { transform:translateY(-2px); }
.footer { background:#0F172A; color:#E2E8F0; padding:3rem 0 2rem; }
.footer-content { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1.5rem; }
.footer-section h4 { margin-bottom:.75rem; }
.footer-section ul { list-style:none; display:flex; flex-direction:column; gap:.35rem; }
.footer-section a { color:#CBD5F5; }
.footer-section a:hover { color:#fff; }
.footer-bottom { margin-top:2rem; text-align:center; font-size:.9rem; color:#94A3B8; border-top:1px solid rgba(148,163,184,.25); padding-top:1rem; }
@media (max-width:768px) { .nav-menu { display:none; } .hero-actions { flex-direction:column; } .stat-item { width:100%; } }