:root{
  --navy:#071c3a;
  --royal:#0b5bd3;
  --sky:#e9f4ff;
  --gold:#ffb000;
  --green:#16a34a;
  --red:#ef4444;
  --text:#102033;
  --muted:#5b6b80;
  --card:#ffffff;
  --line:#dbe7f5;
  --shadow:0 18px 45px rgba(7,28,58,.13);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f5fbff 0%,#ffffff 55%,#fff8e8 100%)}
a{text-decoration:none;color:inherit}.s2s-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.s2s-nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy)}.brand-badge{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--royal),#19a7ff);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(11,91,211,.26)}
.menu{display:flex;gap:8px;flex-wrap:wrap}.menu a{padding:10px 14px;border-radius:999px;color:#264056;font-weight:750;font-size:14px}.menu a.active,.menu a:hover{background:var(--navy);color:#fff}.container{max-width:1180px;margin:auto;padding:0 18px}.hero{position:relative;overflow:hidden;padding:54px 0 34px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.tag{display:inline-flex;gap:8px;align-items:center;background:#fff3d5;color:#7a4b00;padding:9px 13px;border-radius:999px;font-weight:850;border:1px solid #ffe0a3}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.03;margin:18px 0 14px;color:var(--navy);letter-spacing:-1.5px}.hero h1 span{color:var(--royal)}.lead{font-size:18px;line-height:1.7;color:#334b63;max-width:650px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:14px 19px;font-weight:900;box-shadow:0 12px 26px rgba(7,28,58,.12)}.btn-primary{background:linear-gradient(135deg,var(--royal),#21a3ff);color:white}.btn-gold{background:linear-gradient(135deg,var(--gold),#ff7a00);color:#281400}.btn-light{background:white;color:var(--navy);border:1px solid var(--line)}.hero-card{background:white;border:1px solid var(--line);border-radius:34px;padding:18px;box-shadow:var(--shadow);position:relative}.hero-card img{width:100%;display:block;border-radius:26px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{background:var(--sky);border:1px solid #cfe6ff;border-radius:18px;padding:14px;text-align:center}.stat b{display:block;font-size:22px;color:var(--royal)}.section{padding:46px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{font-size:clamp(26px,3.5vw,42px);margin:0;color:var(--navy)}.section-title p{margin:8px 0 0;color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{background:white;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 12px 30px rgba(7,28,58,.08);display:flex;flex-direction:column}.course-card img{width:100%;height:160px;object-fit:cover}.course-card .body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.pill{display:inline-block;width:max-content;background:#eaf3ff;color:#0b5bd3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.course-card h3{margin:0;color:var(--navy);font-size:20px}.course-card p{margin:0;color:var(--muted);line-height:1.55}.price{font-size:28px;font-weight:950;color:#0f7a36;margin-top:auto}.price small{font-size:13px;color:var(--muted);font-weight:750}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-box{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 12px 28px rgba(7,28,58,.06)}.feature-box h3{margin:0 0 12px;color:var(--navy)}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:11px}.checklist li{display:flex;gap:10px;color:#263c54;line-height:1.45}.checklist li:before{content:'✓';flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-weight:950}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:white;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.plan.popular{border:2px solid var(--gold)}.ribbon{position:absolute;right:-42px;top:22px;transform:rotate(35deg);background:var(--gold);padding:7px 50px;font-weight:950;color:#2a1700}.plan h3{margin:0 0 8px;color:var(--navy)}.plan .amount{font-size:38px;font-weight:950;color:var(--royal);margin:12px 0}.plan ul{padding-left:18px;color:#3a5068;line-height:1.8}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:center;background:linear-gradient(135deg,var(--navy),#0b5bd3);border-radius:34px;color:white;padding:26px;overflow:hidden}.about img{width:100%;border-radius:26px;background:#fff}.about h2{font-size:36px;margin:0 0 12px}.about p{line-height:1.75;color:#e9f4ff}.footer{background:#06172e;color:#cbd5e1;padding:26px 18px;text-align:center;margin-top:42px}.sticky-pay{display:none}
@media(max-width:900px){.hero-grid,.features,.about{grid-template-columns:1fr}.cards,.pricing{grid-template-columns:1fr 1fr}.menu{display:none}.hero{padding-top:28px}.stats{grid-template-columns:1fr 1fr 1fr}.about h2{font-size:28px}}
@media(max-width:620px){.cards,.pricing{grid-template-columns:1fr}.hero h1{font-size:36px}.lead{font-size:16px}.stats{grid-template-columns:1fr}.section{padding:32px 0}.course-card img{height:190px}.btn{width:100%}.sticky-pay{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;gap:10px}.sticky-pay a{flex:1;text-align:center;padding:13px 8px;border-radius:16px;background:var(--navy);color:#fff;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.2)}}