:root{--bg-primary:#0f0f0f;--bg-card:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#9e9e9e;--accent-purple:#b39ddb;--border-color:#424242;--shadow:rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans SC,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;font-size:16px;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.8rem}h3{font-size:1.125rem}p{margin-bottom:1rem;max-width:640px}a{color:var(--accent-purple);text-decoration:none;transition:color .2s ease}a:hover{color:#d1c4e9}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-purple);color:var(--bg-primary);border:none;border-radius:6px;font-weight:600;font-size:.875rem;letter-spacing:.5px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(179,157,219,.3)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.container{padding:0 1rem}h1{font-size:2rem}}