.hero{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:4rem 2rem 2rem;text-align:center}.hero-content{max-width:640px}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero-logo{background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px var(--accent-glow);text-decoration:none}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);text-decoration:none}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}.features{padding:2rem 2rem 3rem}.features-container{max-width:900px;margin:0 auto}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .2s}.feature-card:hover{border-color:var(--accent)}.feature-icon{font-size:1.5rem;margin-bottom:.75rem;display:block}.feature-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--text-muted);font-size:.95rem;line-height:1.6}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.code-example{padding:2rem 2rem 3rem}.code-container{max-width:900px;margin:0 auto}.code-blocks{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.code-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.code-block pre{padding:1.25rem;overflow-x:auto;font-size:.85rem;line-height:1.7}.code-block code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;color:var(--text)}@media(max-width:768px){.code-blocks{grid-template-columns:1fr}}.footer{margin-top:auto;padding:2rem;border-top:1px solid var(--border)}.footer-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:700;color:var(--accent)}.footer-copy{color:var(--text-muted);font-size:.85rem}.app{min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-card: #12121a;--border: #1e1e2e;--text: #e0e0e8;--text-muted: #8888a0;--accent: #7b6ef6;--accent-glow: rgba(123, 110, 246, .3);--code-bg: #0d0d14}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}