:root{--color-bg: #0a0a0a;--color-surface: #1a1a1a;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-text: #ffffff;--color-text-muted: #a1a1aa;--color-border: #333333;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{line-height:1.6;color:var(--color-text-muted)}.ui-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.ui-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.ui-button:active{transform:translateY(1px)}.variant-primary{background-color:var(--color-primary);color:#fff}.variant-primary:hover{background-color:var(--color-primary-hover)}.variant-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.variant-outline:hover{border-color:var(--color-text);background-color:#ffffff0d}.size-sm{padding:.25rem .75rem;font-size:.875rem}.size-md{padding:.5rem 1rem;font-size:1rem}.size-lg{padding:.75rem 1.5rem;font-size:1.125rem}.ui-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform .2s ease,border-color .2s ease}.ui-card:hover{transform:translateY(-2px);border-color:var(--color-primary)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-links a{font-size:.875rem;color:var(--color-text-muted);transition:color .2s}.nav-links a:hover{color:var(--color-text)}.hero{padding:var(--spacing-xl) 0;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl) 0}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.text-gradient{background:linear-gradient(to right,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center}.features{padding:var(--spacing-xl) 0;background-color:#ffffff05}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.features-grid h3{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.footer-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-col h4{margin-bottom:var(--spacing-sm);color:var(--color-text)}.footer-col a{color:var(--color-text-muted);font-size:.875rem}.footer-col a:hover{color:var(--color-text)}@media(max-width:768px){.hero-title{font-size:2.5rem}}