:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-text:#0f172a;--color-text-light:#64748b;--color-background:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-success:#10b981;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--border-radius:0.5rem;--border-radius-lg:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;top:0;left:0;right:0;height:3rem;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:50}.header,.header-content{display:flex;align-items:center;justify-content:flex-start}.header-content{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none}.main{min-height:100vh;padding-top:3rem}.hero{padding:var(--spacing-2xl) var(--spacing-md);text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn,.cta-buttons{justify-content:center}.btn{display:inline-flex;align-items:center;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--border-radius);transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.features{padding:var(--spacing-2xl) var(--spacing-md);background-color:#fff}.features-content{max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);text-align:center;transition:all .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:3rem;height:3rem;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:#fff;font-size:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.feature-card p{color:var(--color-text-light);line-height:1.6}.footer{background-color:var(--color-text);color:#fff;text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.footer p{opacity:.8}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.features h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}