:root{--navy:#082657;--blue:#087ff5;--yellow:#ffd31a;--pink:#ff1762;--green:#00a866;--ink:#0c2448;--muted:#52647d;--soft:#f5f9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;font-size:24px;color:var(--navy)}.brand span{color:var(--blue)}nav{display:flex;gap:24px;font-size:14px}nav a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:11px;font-weight:800;border:2px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}
.hero{background:linear-gradient(105deg,#f8fbff 0%,#eef7ff 55%,#fff6df 100%);padding:64px 0 52px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{color:#2675c9;font-weight:900;letter-spacing:.18em;font-size:12px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,67px);line-height:.98;margin:14px 0 22px;letter-spacing:-.045em;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero p{font-size:19px;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.trust b{color:var(--blue)}
.visual{min-height:420px;border-radius:30px;background:linear-gradient(145deg,#d8efff,#fff2bf);position:relative;display:grid;place-items:center;padding:35px;box-shadow:0 24px 70px #31577b25}.desk{width:88%;background:white;border-radius:20px;padding:24px;box-shadow:0 20px 40px #153f6b24;transform:rotate(-2deg)}.screen{height:180px;border-radius:12px;background:linear-gradient(135deg,#e8f4ff,#fff);border:8px solid #18314f;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:900;color:var(--blue)}.notebook{margin-top:18px;height:90px;border-radius:10px;background:repeating-linear-gradient(#fff 0 20px,#d7e9ff 21px);position:relative}.notebook:after{content:"x² + 5x + 6 = 0";position:absolute;left:30px;top:23px;font:700 24px Georgia;color:#315d96;transform:rotate(-2deg)}
.section{padding:76px 0}.section h2{font-size:38px;line-height:1.1;text-align:center;margin:0 0 36px;color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border-radius:18px;background:#fff;box-shadow:0 12px 35px #173d6612;border:1px solid #e8f0fa}.card:nth-child(1){background:#eef8ff}.card:nth-child(2){background:#fff0f5}.card:nth-child(3){background:#effcf5}.card:nth-child(4){background:#fff8df}.card:nth-child(5){background:#f4efff}.card:nth-child(6){background:#ecfbf5}.icon{font-size:30px}.card h3{margin:12px 0 6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.panel{border-radius:22px;padding:38px;background:#f4f9ff}.panel.online{background:linear-gradient(135deg,#eaf6ff,#fff0f4)}.panel.price{background:linear-gradient(135deg,#effff6,#e9f9f0)}.panel h2{text-align:left;margin-bottom:15px}.price strong{font-size:34px;color:var(--navy)}.check{padding:0;list-style:none}.check li{margin:10px 0}.check li:before{content:"✓";font-weight:900;color:var(--green);margin-right:9px}
.about{background:#f8fbff}.about .container{max-width:900px}.quote{font-size:27px;font-weight:800;color:var(--navy);border-left:6px solid var(--yellow);padding-left:22px;margin:30px 0}
.cta{background:linear-gradient(115deg,#073168,#0783f5);color:#fff;padding:62px 0}.cta-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.cta h2{font-size:42px;line-height:1.05;margin:0 0 14px}.contact{background:#fff;color:var(--navy);border-radius:18px;padding:24px}.contact a{display:block;font-weight:800;margin:9px 0;color:var(--blue)}
footer{padding:28px 0;background:#f7faff;font-size:13px;color:#66758a}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pagehero{padding:62px 0;background:linear-gradient(115deg,#f0f8ff,#fff8df)}.pagehero h1{font-size:48px;line-height:1.05;margin:8px 0 16px;color:var(--navy)}.content{max-width:850px;margin:auto}.content h2{text-align:left;font-size:30px;margin-top:38px}.faq details{padding:18px 0;border-bottom:1px solid #dce7f4}.faq summary{font-weight:800;cursor:pointer}
@media(max-width:800px){nav{display:none}.hero-grid,.split,.cta-grid{grid-template-columns:1fr}.hero{padding-top:42px}.hero h1{font-size:45px}.visual{min-height:330px}.cards{grid-template-columns:1fr 1fr}.section{padding:55px 0}.cta h2{font-size:34px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.nav{height:66px}.brand{font-size:21px}.nav>.btn{padding:10px 12px}.hero h1{font-size:39px}.hero p{font-size:17px}.visual{min-height:280px;padding:20px}.screen{height:135px;font-size:32px}}