:root{--bg: #0f1222;--bg-soft: #14182e;--card: #101323;--txt: #e9ecf1;--muted: #b7bed0;--brand: #7c5cff;--brand-2: #2bd4d6;--shadow: 0 10px 30px rgba(0,0,0,.45);--radius: 18px;--glass: rgba(255,255,255,.06);--border: 1px solid rgba(255,255,255,.08)}[data-theme=light]{--bg: #f7f7fb;--bg-soft: #ffffff;--card: #ffffff;--txt: #12131a;--muted: #5a6273;--brand: #6042ff;--brand-2: #18b9bb;--glass: rgba(0,0,0,.04);--border: 1px solid rgba(0,0,0,.07)}html,body{background:var(--bg);color:var(--txt);scroll-behavior:smooth}.article-cover{aspect-ratio:16/9;width:100%;max-height:520px;object-fit:cover;border-radius:14px}.article p{text-align:justify;line-height:1.85}.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:none;font-weight:600;transition:all .3s ease}.btn-brand:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040;color:#fff}.navbar{-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);background:color-mix(in oklab,var(--bg-soft),transparent 35%);border-bottom:var(--border)}.nav-link{color:var(--txt)!important;opacity:.85}.nav-link:hover,.nav-link.active{opacity:1;color:var(--brand-2)!important}.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:.8rem 1.2rem}.btn-brand:hover{filter:brightness(1.05)}.hero{background:radial-gradient(1200px 600px at 80% -50%,color-mix(in oklab,var(--brand),#000 30%),transparent 60%),radial-gradient(1200px 600px at -10% 10%,color-mix(in oklab,var(--brand-2),#000 25%),transparent 60%),linear-gradient(to bottom,var(--bg-soft),var(--bg))}.hero-card{background:var(--glass);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{letter-spacing:.3px}.chip{border:var(--border);background:var(--glass);border-radius:999px;padding:.4rem .8rem;color:var(--muted);display:inline-flex;gap:.5rem;align-items:center}.text-justify{text-align:justify;text-justify:inter-word}.card-soft{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card-soft .card-img-top{height:200px;width:100%;object-fit:contain;background-color:#fff;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:10px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.divider{height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--brand),#000 20%),transparent)}.footer{border-top:var(--border);background:color-mix(in oklab,var(--bg-soft),transparent 20%)}.bg-gradient-brand{background:radial-gradient(1200px 500px at 0% 0%,color-mix(in oklab,var(--brand),#000 30%),transparent),radial-gradient(900px 450px at 100% 0%,color-mix(in oklab,var(--brand-2),#000 30%),transparent)}.form-control,.form-select{background:var(--glass);border:var(--border);color:var(--txt)}.form-control:focus{border-color:color-mix(in oklab,var(--brand),#fff 10%);box-shadow:0 0 0 .25rem color-mix(in oklab,var(--brand),transparent 70%)}.shadow-soft{box-shadow:var(--shadow)}.scroll-top{position:fixed;right:20px;bottom:20px;z-index:1030;opacity:0;pointer-events:none;transition:.3s}.scroll-top.show{opacity:1;pointer-events:auto}.brand-underline{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:color-mix(in oklab,var(--brand),var(--brand-2))}
