:root{--bg:#0f1724;--card:#fff;--muted:#6b7280;--accent1:#7dd3fc;--accent2:#60a5fa;--accent3:#a3e635;--max-width:1100px}*{box-sizing:border-box}body,html{height:100%}body{background:linear-gradient(180deg,#f7fafc,#eef2ff);color:#0f1724;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}.container{margin:0 auto;max-width:var(--max-width);width:90%}.site-header{backdrop-filter:blur(6px);background:linear-gradient(90deg,rgba(96,165,250,.95),rgba(163,230,53,.95));box-shadow:0 2px 8px rgba(2,6,23,.06);position:sticky;top:0;z-index:40}.header-inner{justify-content:space-between;padding:.8rem 0}.header-inner,.logo{align-items:center;display:flex}.logo{color:#fff;gap:.6rem;text-decoration:none}.logo-mark{background:conic-gradient(from 120deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.12));border-radius:8px;box-shadow:inset 0 -6px 14px hsla(0,0%,100%,.06);height:36px;transform:rotate(-12deg);width:36px}.site-title{font-size:1.05rem;font-weight:700}.nav a{color:#fff;font-weight:600;margin-left:.9rem;text-decoration:none}.nav a:hover{opacity:.95;text-decoration:underline}.hero{background:linear-gradient(120deg,rgba(127,229,255,.12),rgba(163,230,53,.06));padding:.5rem 0}.hero-content{animation:float 6s ease-in-out infinite;backdrop-filter:blur(4px);border-radius:12px;padding:.5rem 1.2rem;text-align:center}.hero-content h1{font-size:2rem;margin:0}.lead{color:var(--muted);font-size:1rem;margin-top:.5rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.content-area{padding:1rem 0}.doc-card{background:var(--card);border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,.08);color:#0f1724;line-height:1.6;padding:1.6rem;transition:transform .25s ease,box-shadow .25s ease}.doc-card:hover{box-shadow:0 20px 40px rgba(2,6,23,.12);transform:translateY(-6px)}.doc-card h1,.doc-card h2,.doc-card h3{color:#0b1220}.doc-card p{color:#111827}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.site-footer{color:var(--muted);font-size:.9rem;padding:1.6rem 0;text-align:center}@media (min-width:768px){.hero-content{padding:3.4rem}.hero-content h1{font-size:2.6rem}.nav a{margin-left:1.2rem}}a{color:var(--accent2)}code{background:#f3f4f6;border-radius:4px;padding:.1rem .3rem}