:root{--bg:#f7f8fb;--surface:#fff;--surface-strong:#eef2f7;--text:#172033;--muted:#5d6678;--line:#dce2ea;--brand:#cf1622;--brand-dark:#9f1019;--navy:#0c274b;--navy-2:#123863;--gold:#b98a32;--green:#2f6f54;--shadow:0 20px 50px #0c274b1f;--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:3px;outline:3px solid #cf162261}.skip-link{z-index:1000;background:var(--navy);color:#fff;border-radius:var(--radius);padding:10px 14px;position:absolute;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container{width:min(100% - 32px, var(--max));margin-inline:auto}.section{padding:clamp(56px,8vw,96px) 0}.section.alt{background:var(--surface)}.section.dark{background:linear-gradient(135deg, var(--navy), #071728);color:#fff}.eyebrow{color:var(--brand);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}.section.dark .eyebrow{color:#ffb2b8}.lead{color:var(--muted);max-width:760px;font-size:clamp(1rem,2vw,1.15rem)}.section.dark .lead,.section.dark .muted{color:#ffffffc2}.muted{color:var(--muted)}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 30px #0c274b0f}.dark .card,.card.dark-card{color:#fff;background:#ffffff14;border-color:#ffffff29}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 16px;font-weight:800;line-height:1.15;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-outline{color:var(--navy);background:0 0;border-color:#0c274b3d}.dark .btn-outline,.btn-outline.on-dark{color:#fff;border-color:#ffffff61}.tag{width:fit-content;color:var(--navy);background:#eef3fb;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.notice{border-left:4px solid var(--gold);color:#50370e;border-radius:var(--radius);background:#fff8ea;padding:16px 18px}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #dce2eadb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-mark{object-fit:contain;width:44px;height:44px}.brand small{color:var(--muted);font-size:.72rem;font-weight:700;display:block}.desktop-nav{color:var(--muted);align-items:center;gap:16px;font-size:.94rem;font-weight:750;display:flex}.desktop-nav a:hover{color:var(--brand)}.menu-button{border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:var(--radius);justify-content:center;align-items:center;width:44px;height:44px;display:none}.mobile-panel{display:none}.hero{color:#fff;background:#071728;align-items:center;min-height:calc(100vh - 76px);display:flex;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;opacity:.32;width:100%;height:100%}.hero:after{content:"";background:linear-gradient(90deg, #071728f0, #0c274bc2), linear-gradient(180deg, transparent 75%, var(--bg));position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);align-items:center;gap:clamp(28px,6vw,70px);padding:clamp(56px,9vw,110px) 0;display:grid;position:relative}.hero h1,.page-hero h1{letter-spacing:0;max-width:900px;margin:0;font-size:clamp(2.2rem,7vw,5.3rem);line-height:.98}.hero p{color:#ffffffd1;max-width:760px;font-size:clamp(1rem,2vw,1.24rem)}.hero-panel{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff29;padding:22px}.hero-panel img{width:120px;margin-bottom:12px}.hero-panel ul,.clean-list{margin:0;padding:0;list-style:none}.hero-panel li,.clean-list li{gap:10px;padding:8px 0;display:flex}.page-hero{background:linear-gradient(135deg, var(--navy), #071728);color:#fff;padding:clamp(54px,8vw,92px) 0}.page-hero p{color:#ffffffc7;max-width:800px;font-size:clamp(1rem,2vw,1.16rem)}.section-heading{gap:8px;margin-bottom:28px;display:grid}.section-heading h2{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05}.icon-badge{border-radius:var(--radius);width:42px;height:42px;color:var(--brand);background:#fbe8ea;place-items:center;display:inline-grid}.plan-card{flex-direction:column;gap:16px;min-height:100%;display:flex}.plan-card.featured{box-shadow:var(--shadow);border-color:#cf16226b}.plan-card h3,.card h3{color:var(--navy);margin:0;font-size:1.26rem;line-height:1.2}.dark .card h3{color:#fff}.plan-actions{margin-top:auto}.steps{counter-reset:steps}.step{padding-left:58px;position:relative}.step:before{counter-increment:steps;content:counter(steps);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid;position:absolute;top:4px;left:0}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 13px;font-weight:800}.filter-chip.active{border-color:var(--brand);background:var(--brand);color:#fff}.search-input,.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;padding:12px 13px}.search-input{margin-bottom:14px}.resource-meta,.article-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.video-thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--navy);margin:-8px -8px 16px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;opacity:.66;width:100%;height:100%}.video-thumb span{position:absolute;inset:auto 12px 12px auto}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.faq-item button{width:100%;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:18px;font-weight:900;display:flex}.faq-item p{color:var(--muted);margin:0;padding:0 18px 18px}.contact-form{gap:16px;display:grid}.field label{margin-bottom:6px;font-weight:800;display:block}.checkbox{align-items:flex-start;gap:10px;display:flex}.checkbox input{margin-top:5px}.form-actions{gap:10px;display:grid}.whatsapp-float{z-index:60;background:var(--green);color:#fff;width:54px;height:54px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:18px;right:18px}.site-footer{color:#fff;background:#071728;padding:56px 0 24px}.footer-grid{grid-template-columns:minmax(240px,1.2fr) repeat(3,minmax(0,.6fr));gap:28px;display:grid}.footer-grid h2,.footer-grid h3{margin:0 0 12px;font-size:1rem}.footer-grid a,.footer-grid p{color:#ffffffb8}.footer-links{gap:8px;display:grid}.footer-bottom{color:#ffffff9e;border-top:1px solid #ffffff24;margin-top:36px;padding-top:20px;font-size:.9rem}@media (max-width:1040px){.desktop-nav,.header-cta{display:none}.menu-button{display:inline-flex}.mobile-panel{border-top:1px solid var(--line);gap:10px;padding:14px 0 18px;display:grid}.mobile-panel a{color:var(--navy);padding:10px 0;font-weight:850}.hero-content{grid-template-columns:1fr}.hero-panel{max-width:520px}.grid-4,.grid-3,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.container{width:min(100% - 24px, var(--max))}.hero{min-height:auto}.hero-content{padding:52px 0 70px}.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.button-row .btn{width:100%}.brand small{display:none}.whatsapp-float{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
