*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #141414;--text: #e0e0e0;--text-muted: #888;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;width:100%;z-index:100;padding:1.2rem 0;backdrop-filter:blur(12px);background:#0a0a0ab3;border-bottom:1px solid rgba(255,255,255,.06)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.3rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.5px}nav ul{display:flex;gap:2rem;list-style:none}nav a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}nav a:hover{color:var(--text)}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding-top:80px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-1.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-top:1rem}.page{padding-top:120px;padding-bottom:4rem;min-height:80vh}.page h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.content{font-size:1.1rem;color:var(--text-muted);line-height:1.8}.site-footer{text-align:center;padding:2rem 0;color:var(--text-muted);font-size:.85rem;border-top:1px solid rgba(255,255,255,.06)}