:root{--primary:#141c26;--accent:#2e86c1;--accent-light:#3498db;--accent-gradient:linear-gradient(135deg,#2e86c1,#3498db);--accent-rgb:46,134,193;--header-navy:#0a1624;--header-navy-rgb:10,22,36;--depth-darker:#060e18;--white:#ffffff;--gray:#5d6d7e;--gray-dark:#2c3e50;--gray-light:#d5dce3;--ice-blue:#dbeaf5;--text-muted:#7f8c9a;--radius-md:6px;--radius-xl:14px;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--ice-blue);color:var(--gray-dark);min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3{font-family:'Exo 2',sans-serif;font-weight:700}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--accent-light)}
.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(var(--header-navy-rgb),.97);padding:0 var(--space-lg);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(var(--accent-rgb),.15)}
.site-logo img{height:44px;width:auto}
.header-home{color:rgba(255,255,255,.8);font-size:.875rem;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:.4rem}
.header-home:hover{color:var(--accent-light)}
main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg)}
.page-title{font-size:clamp(1.8rem,4vw,2.4rem);color:var(--primary);margin-bottom:.5rem}
.page-meta{color:var(--gray);font-size:.875rem;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--accent)}
section{margin-bottom:var(--space-xl)}
section h2{font-size:1.2rem;color:var(--primary);margin-bottom:var(--space-sm);padding-left:.75rem;border-left:3px solid var(--accent)}
section p,section li{font-size:.95rem;color:var(--gray-dark);line-height:1.75;margin-bottom:.6rem}
section ul{padding-left:1.5rem;list-style:disc}
footer{background:var(--depth-darker);padding:var(--space-md) var(--space-lg);text-align:center}
footer p{color:rgba(255,255,255,.35);font-size:.8rem}
@media(max-width:480px){main{padding:var(--space-lg) var(--space-md)}}