@font-face{font-family:Montserrat;src:url(assets/fonts/montserrat-regular.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/fonts/montserrat-semibold.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/fonts/montserrat-bold.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/fonts/montserrat-extrabold.woff) format('woff');font-weight:800;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/fonts/montserrat-black.woff) format('woff');font-weight:900;font-display:swap}
:root{--navy:#0B1D33;--navy2:#132B48;--amb:#FF9F1C;--ambd:#B86A00;--crm:#F5F1E8;--ink:#1E2A3A;--mut:#5A6676;--line:#E3DED2}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:#FBF9F4;line-height:1.6;font-size:17px}
a{color:var(--ambd)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.narrow{max-width:780px}.c{text-align:center}
.top{position:sticky;top:0;z-index:5;background:rgba(11,29,51,.96);backdrop-filter:blur(6px)}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:800;text-decoration:none;letter-spacing:.02em}
nav a{color:#D6DEE8;text-decoration:none;font-weight:600;font-size:15px;margin-left:22px}nav a:hover{color:var(--amb)}
.yt{border:1.5px solid var(--amb);color:var(--amb)!important;padding:6px 14px;border-radius:999px}
.hero{background:radial-gradient(800px 500px at 85% 80%,rgba(255,159,28,.18),transparent),var(--navy);color:#fff;padding:72px 0 88px}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{color:var(--amb);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:13px;margin-bottom:12px}
h1{font-size:clamp(38px,5.6vw,64px);line-height:1.04;font-weight:900;letter-spacing:-.02em;text-wrap:balance}
.lede{font-size:20px;color:#C9D3E0;margin:20px 0 30px;max-width:34em}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 26px;border-radius:10px;font-weight:800;text-decoration:none;font-size:16px;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}.pri{background:var(--amb);color:var(--navy)}.pri:hover{background:#FFB24D}
.sec .btn.pri{color:var(--navy)}.btn.outline{border:2px solid rgba(255,255,255,.35);color:#fff}.btn.outline:hover{border-color:#fff}
.ghost{border:2px solid var(--navy);color:var(--navy)}
.fine{font-size:14px;color:#93A3B8;margin-top:16px}.cover{max-width:440px;justify-self:center;width:100%}
.sec{padding:80px 0}h2{font-size:clamp(28px,3.4vw,40px);font-weight:900;color:var(--navy);line-height:1.15;margin-bottom:24px;letter-spacing:-.01em}
.inside{background:var(--crm)}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ti{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.ti:hover{border-color:var(--amb)}.tn{font-weight:900;color:var(--amb);font-size:24px;min-width:36px}.ti b{display:block;font-weight:700}.ti small{color:var(--mut);font-size:13px}
.intro{font-size:18px;margin-bottom:28px}
.rules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rule{background:var(--navy);color:#D6DEE8;border-radius:12px;padding:20px}
.rule h3{color:var(--amb);font-size:17px;margin-bottom:6px}.rule p{font-size:15px}
.cards{padding-top:0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:22px}
.ch{display:flex;gap:18px;align-items:center;margin-bottom:14px}.big{font-size:48px;font-weight:900;color:var(--amb);line-height:1}
.meta{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mut)}
.lv{margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px}.lv-easy{background:#E3F4E8;color:#1F6B3A}.lv-medium{background:#FFF0D9;color:#8A4F00}
.card h3{font-size:24px;font-weight:800;color:var(--navy);line-height:1.2}.card p{margin-bottom:12px}.tools{font-size:15px;color:var(--mut)}
.card ol{padding-left:0;list-style:none;counter-reset:s;margin:6px 0 18px}
.card li{counter-increment:s;position:relative;padding:6px 0 6px 40px}.card li::before{content:counter(s);position:absolute;left:0;top:6px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--amb);font-weight:800;font-size:13px;display:grid;place-items:center}
.tip{background:var(--crm);border-left:4px solid var(--amb);padding:12px 16px;border-radius:0 8px 8px 0;font-size:15px;margin:0!important}
.note{font-size:14px;color:var(--mut);margin-top:10px}
.video{background:var(--crm)}.vg{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.thumb{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px rgba(11,29,51,.25)}
.play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:rgba(255,159,28,.95)}
.play::after{content:"";position:absolute;left:30px;top:22px;border-left:24px solid var(--navy);border-top:16px solid transparent;border-bottom:16px solid transparent}
.video p{margin-bottom:22px}.final p{margin-bottom:24px;font-size:18px}
footer{background:var(--navy);color:#93A3B8;padding:28px 0;font-size:14px}.fg{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}footer a{color:#D6DEE8}
:focus-visible{outline:3px solid var(--amb);outline-offset:2px}
@media(max-width:860px){.hg,.vg{grid-template-columns:1fr}.cover{max-width:300px;order:-1}.hero{padding:40px 0 60px}.tgrid,.rules{grid-template-columns:1fr}.card{padding:22px}.sec{padding:56px 0}nav a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}