:root{--ink:#102c3b;--muted:#607580;--orange:#ff7a18;--orange-dark:#e96000;--blue:#087eaf;--sea:#12a8c5;--cream:#fffaf2;--line:rgba(16,44,59,.1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}
h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.035em}
.site-nav{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(16,44,59,.08);box-shadow:0 8px 30px rgba(16,44,59,.06);backdrop-filter:blur(18px)}
.site-logo{width:74px;height:58px;object-fit:contain;border-radius:12px}
.nav-link{padding:.7rem .9rem;border-radius:999px;transition:.2s ease}
.nav-link:hover,.nav-link.active{background:#fff1e6;color:var(--orange-dark)}
.admin-link{padding:.55rem .8rem;border-radius:999px;color:#72828a;border:1px solid var(--line)}
.lang-pill{padding:.45rem .6rem;border-radius:999px;border:1px solid var(--line);transition:.2s}
.lang-pill:hover,.lang-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#062d45 0%,#075d7b 52%,#08a7bd 100%);color:white}
.hero:before{content:"";position:absolute;inset:-25% -10% auto 35%;height:500px;background:radial-gradient(circle,rgba(255,178,46,.45),transparent 62%);z-index:-1}
.hero:after{content:"";position:absolute;width:360px;height:360px;border:80px solid rgba(255,255,255,.05);border-radius:50%;right:-110px;bottom:-190px;z-index:-1}
.hero-inner{max-width:1280px;margin:auto;padding:5.5rem 1.5rem 4.5rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:4rem}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffb21f;box-shadow:0 0 0 5px rgba(255,178,31,.16)}
.hero h1{font-size:clamp(2.7rem,5.5vw,5.3rem);line-height:.98;margin:1.4rem 0 1.25rem;max-width:780px}
.hero h1 span{color:#ffb21f}
.hero-copy{font-size:1.12rem;line-height:1.75;color:rgba(255,255,255,.8);max-width:640px}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.25rem;border-radius:14px;font-weight:700;transition:.2s ease}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 12px 30px rgba(255,122,24,.3)}
.btn-primary:hover{background:#ff8c36;transform:translateY(-2px)}
.btn-secondary{color:white;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.btn-secondary:hover{background:rgba(255,255,255,.16)}
.hero-panel{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.19);padding:1.2rem;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.hero-panel img{width:100%;border-radius:18px;display:block}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;text-align:center;font-size:.78rem;color:rgba(255,255,255,.75)}
.hero-trust strong{display:block;color:#fff;font-size:1rem}
.section-shell{max-width:1280px;margin:auto;padding:4.5rem 1.5rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}
.section-kicker{color:var(--orange-dark);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.section-title{color:var(--ink);font-size:clamp(1.8rem,4vw,2.7rem);margin:.35rem 0 0}
.section-link{font-weight:700;color:var(--blue)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.category-card{position:relative;display:block;min-height:280px;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(16,44,59,.12)}
.category-card img{width:100%;height:100%;min-height:280px;object-fit:cover;transition:transform .55s ease}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,28,42,.82),transparent 65%)}
.category-card:hover img{transform:scale(1.06)}
.category-name{position:absolute;z-index:2;left:1.3rem;right:1.3rem;bottom:1.25rem;color:#fff;font:800 1.22rem 'Manrope',sans-serif;display:flex;align-items:center;justify-content:space-between}
.category-name i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--orange)}
.soft-section{background:#fff;border-block:1px solid var(--line)}
.premium-card{border:1px solid var(--line);border-radius:24px!important;box-shadow:0 16px 45px rgba(16,44,59,.08)!important;transition:.25s ease!important}
.premium-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(16,44,59,.14)!important}
.sponsor-strip{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(16,44,59,.06)}
.newsletter-shell{background:linear-gradient(120deg,#08354c,#087e9c);border-radius:28px!important;color:white;box-shadow:0 25px 60px rgba(8,53,76,.2)!important}
.newsletter-shell h3,.newsletter-shell p{color:white!important}
.newsletter-shell p{opacity:.75}
.site-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;padding-top:4rem;gap:2.5rem}.hero-panel{max-width:600px}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-inner{padding:3.5rem 1rem 3rem}.hero h1{font-size:2.65rem}.hero-actions>a{width:100%}.hero-trust{font-size:.68rem}.section-shell{padding:3.5rem 1rem}.section-head{align-items:start;flex-direction:column}.category-grid{grid-template-columns:1fr}.category-card,.category-card img{min-height:245px}.site-logo{width:60px;height:48px}}