@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700;900&display=swap";:root{--bg-color:#040814;--surface-color:#0d152b;--primary:#0ea5e9;--primary-hover:#0284c7;--success:#10b981;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif}.text-gradient{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.text-gradient-success{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);background:#0d152b99;border-radius:24px}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:12px;padding:16px 32px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 20px #0ea5e966}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 0 30px #0ea5e999}.btn-outline{color:var(--text-main);border:2px solid var(--glass-border);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#0ea5e91a;transform:translateY(-2px)}.mockup-container{background:linear-gradient(135deg,#0ea5e94d 0%,#818cf84d 100%);border-radius:32px;padding:8px;animation:6s ease-in-out infinite float;position:relative;box-shadow:0 20px 50px #00000080,0 0 80px #0ea5e933}.mockup-container img{border-radius:24px;width:100%;height:auto;display:block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:-200px}.glow-bg-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#818cf81a 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:100px;right:-100px}