:root{--bg:#0f0e12;--panel:#151419;--text:#e8e6ea;--muted:#b8b6bb;--accent:#b00020;--accent-2:#7a0016}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff05,#0000);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.brand{flex-direction:column;display:flex}.brand strong{font-size:20px}.brand span{color:var(--muted);font-size:13px}nav{gap:12px;display:flex}nav button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:600}nav button.nav-active{color:var(--text);background:linear-gradient(90deg,#b000201f,#b000200f);box-shadow:0 6px 18px #b0002014}nav button:hover{color:var(--text)}main{flex:1}.hero{grid-template-columns:1fr minmax(260px,360px);align-items:center;gap:32px;padding:56px 28px;display:grid}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px}.hero h1{margin:8px 0 0;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1}.section-copy{color:var(--muted);margin-top:16px}.hero-card{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff08;border-radius:16px;padding:24px}.hero-card-title{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero-card-date{margin:8px 0 0;font-size:24px}.section{padding:40px 28px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{background:linear-gradient(#ffffff03,#ffffff05);border:1px solid #ffffff08;border-radius:12px;padding:20px}.card h3{margin:0 0 12px}.card p{color:var(--muted);margin:0}.contact-section{background:linear-gradient(#b0002005,#0000)}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.contact-card{background:var(--panel);border:1px solid #ffffff05;border-radius:12px;padding:18px}.site-footer{text-align:center;color:var(--muted);padding:20px 28px}@media (width<=960px){.hero,.cards,.contact-grid{grid-template-columns:1fr}.hero{padding-top:36px}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.hero{padding:28px}.button{width:100%}}
