*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-accent: #7c6af7;--color-text: #f0f0f0;--color-muted: #888;--radius: 8px}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.site-header{border-bottom:1px solid #222;padding:1rem 2rem}.nav{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:700;font-size:1.1rem;color:var(--color-accent)}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{color:var(--color-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--color-text)}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.hero{text-align:center;max-width:600px}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;color:var(--color-muted);margin-bottom:2rem}.btn{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.about{background:var(--color-surface);border-top:1px solid #222;padding:4rem 2rem}.about-inner{max-width:680px;margin:0 auto;text-align:center}.about-title{font-size:1.8rem;font-weight:700;margin-bottom:1.25rem;color:var(--color-accent)}.about-text{font-size:1rem;color:var(--color-muted);margin-bottom:1rem;line-height:1.8}.about-text strong{color:var(--color-text)}.site-footer{text-align:center;padding:1.5rem;color:var(--color-muted);font-size:.85rem;border-top:1px solid #222}