@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-darker:#050608;--bg-dark:#0b0d10;--bg-card:#10141b8c;--bg-card-hover:#1c232fd9;--accent:#f05;--accent-secondary:#7000ff;--accent-gradient:linear-gradient(90deg, #f05 0%, #7000ff 100%);--accent-glow:#ff005573;--text-primary:#fff;--text-secondary:#9aa0a6;--text-muted:#606770;--border-light:#ffffff14;--border-focus:#ff005580;--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);background:#0b0d10b3}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--accent-gradient);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.mockup-viewport{perspective:1200px;width:100%}.mockup-canvas{transform-style:preserve-3d;transition:var(--transition-bounce);transform:rotateX(12deg)rotateY(-12deg)rotate(1deg);box-shadow:20px 20px 50px #0009,-10px -10px 40px #7000ff1a}.mockup-canvas:hover{transform:rotateX(5deg)rotateY(-5deg)rotate(0)translateY(-10px);box-shadow:30px 30px 60px #000c,-15px -15px 50px #ff005526}.feature-card{transition:var(--transition-smooth)}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-focus)!important;background:#ffffff0d!important}.live-badge{background:var(--accent);color:#fff;letter-spacing:.05em;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;animation:1.5s ease-in-out infinite pulse-live;display:inline-flex}@keyframes pulse-live{0%{opacity:1;box-shadow:0 0 #ff0055b3}70%{opacity:.9;box-shadow:0 0 0 6px #f050}to{opacity:1;box-shadow:0 0 #f050}}