:root{--primary:#fff;--secondary:#ffffff99;--background:#0b151e;--surface:#1a2332;--surface-hover:#212d3f;--border:#ffffff15;--accent-blue:#1b72e8;--accent-purple:#8b5cf6;--gradient-primary:linear-gradient(135deg,#1b72e8,#8b5cf6);--gradient-hero:linear-gradient(135deg,rgba(27,114,232,.15),rgba(139,92,246,.15))}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--background)}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary);min-height:100vh;line-height:1.6}.header{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(11,21,30,.8);border-bottom:1px solid var(--border)}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button{padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.button-primary{background:var(--gradient-primary);color:#fff}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,114,232,.3)}.button-secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.button-secondary:hover{background:var(--surface);border-color:var(--accent-blue)}.hero{max-width:1200px;margin:0 auto;padding:8rem 2rem 6rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:calc(100vh - 80px)}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-content h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:var(--secondary);margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem}.hero-visual{position:relative;height:500px;border-radius:24px;background:var(--gradient-hero);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(27,114,232,.2) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.2) 0,transparent 50%)}.hero-placeholder{position:relative;z-index:1;width:80%;height:80%;background:var(--surface);border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size:1.5rem;font-weight:500}.features{max-width:1200px;margin:6rem auto;padding:0 2rem 4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:var(--surface-hover);border-color:var(--accent-blue);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--secondary);line-height:1.6}@media (max-width:768px){.header-content{padding:1rem}.hero{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem 4rem;min-height:auto}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column}.hero-visual{height:350px}.features{padding:0 1.5rem 3rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}