@charset "UTF-8";:root{--primary: #0a3d62;--primary-dark: #062435;--ink: #04161f;--accent: #f39c12;--accent-soft: rgba(243, 156, 18, .14);--accent-2: #ffd479;--steel: #8fa3b5;--text: #16232d;--text-light: #5f7182;--bg-light: #f3f6f9;--line: #e2e8ee;--white: #ffffff;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 2px 10px rgba(8, 39, 62, .07);--shadow-md: 0 14px 34px rgba(8, 39, 62, .13);--shadow-lg: 0 28px 60px rgba(8, 39, 62, .2);--ease: cubic-bezier(.22, 1, .36, 1);--header-h: 76px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Space Grotesk,Inter,sans-serif;line-height:1.15;letter-spacing:-.02em;font-weight:700}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button{font:inherit}::selection{background:var(--accent);color:var(--ink)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#c3d0dc;border-radius:99px;border:3px solid var(--bg-light)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 28px;background:linear-gradient(135deg,var(--accent),#e58e0b);color:var(--ink);font-weight:700;font-size:.95rem;border-radius:var(--radius-sm);border:none;cursor:pointer;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.btn:after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);transition:left .55s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #f39c1261}.btn:hover:after{left:120%}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.55);color:var(--white)}.btn-ghost:hover{background:var(--white);color:var(--primary);box-shadow:0 12px 26px #00000047}.btn-dark{background:var(--primary);color:var(--white)}.btn-dark:hover{box-shadow:0 12px 26px #0a3d6259}.section-title{text-align:center;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--primary);margin-bottom:8px}.section-subtitle{text-align:center;color:var(--text-light);max-width:700px;margin:0 auto 40px}img.card-img{width:100%;height:170px;object-fit:cover;border-radius:var(--radius-sm)}img.card-img.small{height:110px}img.detail-img{width:100%;height:380px;object-fit:cover;border-radius:var(--radius)}img.article-img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius);margin-bottom:24px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn:after{display:none}}