@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@500;700;900&display=swap";:root{--bg-color:#0b0f19;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-glow:#3b82f680;--accent-secondary:#8b5cf6;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.text-gradient{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-main{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1}.subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1.1rem,2vw,1.3rem)}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary));color:#fff;box-shadow:0 0 20px var(--accent-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);transform:scale(1.05)}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;padding-bottom:4rem;display:flex;position:relative}.hero-tag{color:var(--success-color);text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;margin-bottom:1.5rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section{padding:6rem 0}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-icon{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem}.feature-title{margin-bottom:.75rem;font-size:1.5rem}.feature-desc{color:var(--text-secondary);font-size:.95rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid;position:relative}.step-card{text-align:center;position:relative}.step-number{background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary));width:60px;height:60px;box-shadow:0 0 15px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.footer{border-top:1px solid var(--glass-border);text-align:center;color:var(--text-secondary);background:#0003;padding:3rem 0}.footer p{margin-bottom:.5rem}.footer-disclaimer{opacity:.7;font-size:.8rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:6s ease-in-out infinite float}.mockup-container{perspective:1000px;margin-top:4rem}.mockup-image{border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:800px;transition:transform .5s;transform:rotateX(5deg);box-shadow:0 20px 50px #00000080,0 0 40px #3b82f633}.mockup-image:hover{transform:rotateX(0)scale(1.02)}