:root{
  --bg:#F8F9FA;--bg2:#F0F2F5;--surface:#FFFFFF;--border:#E4E6EB;
  --text:#1C1E21;--text2:#65676B;--text3:#8A8D91;
  --teal:#0D9488;--teal2:#0F766E;--teal-glow:rgba(13,148,136,.15);
  --indigo:#6366F1;--rose:#E11D48;
  --shadow-sm:0 1px 4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --shadow:0 2px 12px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --shadow-lg:0 8px 32px rgba(0,0,0,.10),0 0 0 1px rgba(0,0,0,.04);
  --font:'Plus Jakarta Sans',system-ui,sans-serif;
  --r:14px;--rlg:20px;
}
html[data-theme=dark]{
  --bg:#18191A;--bg2:#242526;--surface:#242526;--border:#3A3B3C;
  --text:#E4E6EB;--text2:#B0B3B8;--text3:#8A8D91;
  --teal-glow:rgba(13,148,136,.20);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* HERO */
.hero{background:linear-gradient(135deg,var(--teal2) 0%,var(--teal) 50%,#2DD4BF 100%);padding:60px 36px 56px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 100% at 100% 50%,rgba(255,255,255,.08) 0%,transparent 60%)}
.hero-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:20px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.hero-h1{font-size:clamp(32px,5vw,52px);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.05;margin-bottom:14px}
.hero-sub{font-size:clamp(14px,1.8vw,17px);color:rgba(255,255,255,.88);line-height:1.65;max-width:600px;font-weight:400;margin-bottom:28px}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.h-stat{display:flex;flex-direction:column;gap:2px}
.h-stat-n{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.04em}
.h-stat-l{font-size:11px;font-weight:700;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em}

/* MAIN */
.main{max-width:1160px;margin:0 auto;padding:48px 36px 80px}

/* SECTION HEADER */
.sec-h{margin-bottom:28px}
.path-choice{background:linear-gradient(135deg,#ecfeff 0%,#eef2ff 100%);border-bottom:1px solid rgba(99,102,241,.12)}
.path-choice-inner{max-width:1100px;margin:0 auto;padding:34px 24px 38px}.path-choice-heading{max-width:650px}.path-choice-kicker,.parent-guide-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0d9488}.path-choice h2,.parent-guide h2{margin:6px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.1;color:var(--text);letter-spacing:-.04em}.path-choice-heading p,.parent-guide-copy p{margin:0;color:var(--text2);line-height:1.65;max-width:680px}.path-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.path-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;text-decoration:none;border:1.5px solid transparent;transition:transform .2s ease,box-shadow .2s ease;background:#fff}.path-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.12)}.path-card-child{border-color:#5eead4}.path-card-parent{border-color:#a5b4fc}.path-card-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#475569}.path-card strong{font-size:20px;color:var(--text);line-height:1.2}.path-card>span:not(.path-card-label):not(.path-card-link){color:var(--text2);font-size:14px;line-height:1.55}.path-card-link{margin-top:auto;padding-top:8px;font-weight:800;font-size:14px;color:#4f46e5}.parent-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin:38px 0 46px;padding:28px;border:1.5px solid #e0e7ff;border-radius:22px;background:#f8faff}.parent-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.parent-steps li{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:#fff;border-radius:14px;border:1px solid #e5e7eb}.parent-steps strong{font-size:15px;color:var(--text)}.parent-steps span{font-size:13px;color:var(--text2);line-height:1.5}@media (max-width:700px){.path-choice-grid,.parent-guide{grid-template-columns:1fr}.path-choice-inner{padding:28px 16px 32px}.parent-guide{padding:22px;margin:28px 0 36px}}

.sec-title{font-size:clamp(22px,3vw,30px);font-weight:900;color:var(--text);letter-spacing:-.04em}
.sec-sub{font-size:14px;color:var(--text2);margin-top:5px;line-height:1.55}

/* AGE CARDS GRID */
.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}
.age-card{background:var(--surface);border:1.5px solid var(--border);border-radius:22px;padding:28px 24px;cursor:pointer;transition:all .28s cubic-bezier(.22,1,.36,1);text-decoration:none;display:block;position:relative;overflow:hidden}
.age-card::before{display:none !important}
.age-card.ac1{--ac:#0D9488}.age-card.ac2{--ac:#6366F1}.age-card.ac3{--ac:#E11D48}
.age-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg),0 0 0 2px var(--ac)}
.age-card.ac1{border:2px solid #0D9488 !important;box-shadow:0 0 0 1px #0D9488,0 2px 16px rgba(13,148,136,.20),0 1px 4px rgba(13,148,136,.10) !important;overflow:visible}
.age-card.ac2{border:2px solid #6366F1 !important;box-shadow:0 0 0 1px #6366F1,0 2px 16px rgba(99,102,241,.20),0 1px 4px rgba(99,102,241,.10) !important;overflow:visible}
.age-card.ac3{border:2px solid #E11D48 !important;box-shadow:0 0 0 1px #E11D48,0 2px 16px rgba(225,29,72,.20),0 1px 4px rgba(225,29,72,.10) !important;overflow:visible}
.age-card.ac1:hover{border-color:#0D9488 !important;box-shadow:0 0 0 2px #0D9488,0 12px 36px rgba(13,148,136,.28) !important}
.age-card.ac2:hover{border-color:#6366F1 !important;box-shadow:0 0 0 2px #6366F1,0 12px 36px rgba(99,102,241,.28) !important}
.age-card.ac3:hover{border-color:#E11D48 !important;box-shadow:0 0 0 2px #E11D48,0 12px 36px rgba(225,29,72,.28) !important}
.age-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:rgba(0,0,0,.04);color:var(--ac);margin-bottom:16px}
html[data-theme=dark] .age-badge{background:rgba(255,255,255,.07)}
.age-ico{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0}
.age-card.ac1 .age-ico{background:rgba(13,148,136,.12);color:#0D9488}
.age-card.ac2 .age-ico{background:rgba(99,102,241,.12);color:#6366F1}
.age-card.ac3 .age-ico{background:rgba(225,29,72,.12);color:#E11D48}
.age-range{font-size:26px;font-weight:900;letter-spacing:-.05em;color:var(--text);margin-bottom:6px}
.age-name{font-size:13px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.age-desc{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:20px;font-weight:400}
.age-topics-list{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.age-topic-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text)}
.age-topic-dot{width:8px;height:8px;border-radius:50%;background:var(--ac);flex-shrink:0}
.age-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--ac);color:#fff;border-radius:12px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s}
.age-card:hover .age-cta{opacity:.9;transform:translateX(3px)}.age-guidance{margin:14px 0 0;padding:11px 13px;border-radius:12px;background:rgba(248,250,252,.86);border:1px solid rgba(148,163,184,.28);text-align:left;font-size:12px;line-height:1.5;color:var(--text2)}.age-guidance strong{display:block;margin-bottom:2px;color:var(--text);font-size:12px}.age-guidance span{display:block}.age-guidance-action{margin-top:4px;font-weight:750;color:var(--ac)}

/* ABOUT SECTION */
.about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:56px}
.about-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--rlg);padding:22px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}
.about-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}
.about-ico.t{background:rgba(13,148,136,.10)}
.about-ico.i{background:rgba(99,102,241,.10)}
.about-ico.r{background:rgba(225,29,72,.10)}
.about-card-t{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.02em}
.about-card-d{font-size:13px;color:var(--text2);line-height:1.55;font-weight:400}

@media(max-width:900px){
  .age-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid{grid-template-columns:1fr 1fr}
  
  .hero{padding:40px 20px 40px}
  .main{padding:32px 20px 60px}
}
@media(max-width:580px){
  .age-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .hero-stats{gap:16px}
  .h-stat-n{font-size:20px}
}

/* Centrare age-cards copii */
.age-card{text-align:center}
.age-ico{width:68px !important;height:68px !important;border-radius:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 18px !important;font-size:0 !important}
.age-card.ac1 .age-ico{background:rgba(13,148,136,.13) !important;color:#0D9488 !important}
.age-card.ac2 .age-ico{background:rgba(99,102,241,.13) !important;color:#6366F1 !important}
.age-card.ac3 .age-ico{background:rgba(225,29,72,.13) !important;color:#E11D48 !important}
.age-badge{margin:0 auto 16px !important}
.age-cta{margin:auto !important}
