:root{--blue:#064b9b;--navy:#06285c;--yellow:#ffd900;--ink:#15243b;--muted:#617086;--line:#dce8f6;--pale:#f2f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:10px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 18px #092b5010}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:950;font-size:19px;line-height:1}.brand img{width:58px;height:58px;object-fit:contain}.brand b{color:#e5bd00}.brand small{display:block;letter-spacing:3px;font-size:10px;margin-top:5px}nav{display:flex;gap:24px;align-items:center;font-weight:700;font-size:14px}nav a:hover{color:#0876d9}.nav-admin{border:1px solid var(--blue);padding:9px 14px;border-radius:22px;color:var(--blue)}.menu{display:none;border:0;background:none;font-size:25px}.hero{padding:65px 6vw 55px;background:linear-gradient(120deg,#eff7ff,#fff 65%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;overflow:hidden}.hero-copy{max-width:620px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#0875d4}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;color:var(--navy);margin:15px 0}.hero h1 em{font-style:normal;color:#e5bf00}.hero p{font-size:18px;color:#50627b;max-width:580px}.hero-art img{width:100%;max-height:640px;object-fit:contain;border-radius:20px;box-shadow:0 20px 50px #064b9b16}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;font-size:14px}.primary{background:var(--blue);color:white}.outline{border:1px solid var(--blue);color:var(--blue);background:white}.yellow{background:var(--yellow);color:var(--navy)}.light{background:white;color:var(--navy)}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#34516f;font-weight:700;font-size:13px}.section{padding:72px 6vw}.section-head{text-align:center;margin:0 auto 34px;max-width:700px}.section h2,.contact h2{font-size:clamp(30px,4vw,42px);color:var(--navy);margin:7px 0}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service,.articles article,.testimonials blockquote{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 10px 25px #123b6508}.emoji{font-size:34px}.service h3,.articles h3{margin:10px 0 5px;color:var(--navy)}.service p,.articles p{color:var(--muted);margin:0;font-size:14px}.price-section{background:var(--pale)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:auto}.price-card{background:#fff;border:1px solid #cfe2f7;border-radius:18px;padding:24px;box-shadow:0 8px 25px #124c8110}.price-card h3{font-size:25px;color:var(--blue);margin:0 0 15px}.price-card h3 small{display:block;font-size:12px;color:var(--muted);font-weight:500}.price-card p{display:flex;align-items:baseline;gap:6px;border-top:1px solid var(--line);padding-top:12px}.price-card p b{margin-left:auto;color:var(--blue);font-size:24px}.price-card p small{color:var(--muted)}.note{max-width:1050px;margin:18px auto 0;padding:15px 20px;background:#fff7c8;border-radius:12px;color:#5d4b00;font-size:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}.steps>div{border-top:4px solid var(--yellow);background:var(--pale);border-radius:12px;padding:18px}.steps b{font-size:28px;color:#0875d4}.steps h3{margin:5px 0;color:var(--navy)}.steps p{font-size:13px;color:var(--muted);margin:0}.order-section{text-align:center}.promo{background:#f3f8ff;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.video-box{min-height:270px;border-radius:20px;background:linear-gradient(135deg,#061e4c,#0874d2);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.video-box small{color:#d8e9ff}.play{width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-size:25px}.articles{grid-template-columns:repeat(4,1fr)}.tag{font-size:10px;letter-spacing:1px;font-weight:900;color:#0875d4}.testimonials{background:#f7faff}.testimonials .cards{grid-template-columns:repeat(3,1fr)}blockquote{margin:0;font-weight:650;color:#334760}cite{display:block;margin-top:15px;font-style:normal;font-size:12px;color:#738197}.contact{padding:60px 6vw;background:linear-gradient(120deg,#063779,#0875d4);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.contact .eyebrow,.contact h2{color:white}.contact p{color:#d9eaff}.contact h3{font-size:32px;margin:10px 0}.contact>img{width:100%;border-radius:16px}.contact small{display:block;color:#d9eaff}.footer,footer{padding:30px 6vw;text-align:center;background:#041e49;color:#fff}footer img{width:64px;height:64px;object-fit:contain}footer p{margin:5px}footer small{color:#bed0e7}.floating{position:fixed;right:20px;bottom:20px;z-index:9}.floating a{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#18b85b;color:white;font-weight:900;box-shadow:0 5px 20px #0003}.modal{display:none;position:fixed;inset:0;background:#061a36aa;z-index:30;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{background:white;border-radius:18px;padding:28px;width:min(100%,420px);position:relative}.modal-card h2{color:var(--navy);margin:0}.modal-card label,.form-grid label{display:block;font-size:13px;font-weight:750;margin:12px 0}.modal-card input,.form-grid input,.form-grid select,.form-grid textarea,.table-head input{width:100%;padding:11px;border:1px solid #cbd9e9;border-radius:9px;margin-top:5px;font:inherit}.modal-card small{display:block;margin-top:14px;color:#748198}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px}.full{width:100%}.dashboard{display:none;padding:45px 5vw;background:#f2f6fb;min-height:100vh}.dashboard.show{display:block}.dash-head,.table-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dash-head h2{margin:0;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats>div,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stats small{display:block;color:var(--muted)}.stats b{font-size:25px;color:var(--blue)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel h3{color:var(--navy);margin:0 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid label{margin:5px 0 10px}.wide{grid-column:1/-1}.vertical{flex-direction:column}.vertical .btn{width:100%}.hint{font-size:12px;color:#748198}.table-panel{margin-top:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{background:#f1f7ff;color:var(--navy)}.action-btn{border:0;border-radius:7px;padding:6px 8px;margin:2px;cursor:pointer;background:#e8f2ff;color:#064b9b;font-weight:700}.action-btn.danger{background:#ffe9e9;color:#a21c1c}
@media(max-width:900px){nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 10px 15px #0001}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:40px}.hero-art{max-width:650px;margin:auto}.cards,.articles{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.contact,.promo{grid-template-columns:1fr}}@media(max-width:600px){.section{padding:50px 5vw}.hero{padding:38px 5vw}.hero p{font-size:16px}.cards,.articles,.price-grid,.testimonials .cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.contact{padding:45px 5vw}.brand{font-size:16px}.brand img{width:48px;height:48px}}
