:root{--bg-color:#0f172a;--bg-card:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary-glow:#06b6d4;--primary-color:#00e0ff;--border-color:#06b6d433;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 40%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.nav-brand{align-items:center;gap:.75rem;display:flex}.nav-logo{width:auto;height:36px}.nav-brand span{letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-color);color:#020617;box-shadow:0 0 20px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #06b6d480}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--primary-color);background:#06b6d40d}.hero{text-align:center;padding:6rem 0;position:relative}.hero h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.hero-cta{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.hero-image{border:1px solid var(--border-color);border-radius:12px;max-width:1000px;margin:0 auto;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(2deg);box-shadow:0 25px 50px -12px #00000080,0 0 80px #06b6d426}.hero-image:hover{transform:perspective(1000px)rotateX(0)}.hero-image img{width:100%;height:auto;display:block}.features{padding:6rem 0}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-title p{color:var(--text-secondary)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--border-color);transform:translateY(-5px);box-shadow:0 10px 30px #0003}.feature-icon{color:var(--primary-color);margin-bottom:1.5rem;font-size:2rem}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.footer{border-top:1px solid var(--glass-border);margin-top:4rem;padding:4rem 0 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.footer-brand{max-width:300px}.footer-brand p{color:var(--text-secondary);margin-top:1rem;font-size:.9rem}.footer-links h4{margin-bottom:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-secondary);padding-top:2rem;font-size:.85rem}@media (width<=768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.nav-links{display:none}.hero-cta,.footer-content{flex-direction:column}}