@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Inter:wght@300..700&family=Outfit:wght@700&family=Satoshi:wght@400;500;700;900&display=swap";:root{--device-rim: #1A1C23;--device-notch: #1A1C23;--bg-primary: #050505;--bg-secondary: #0A0A0F;--bg-tertiary: #12121A;--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-tertiary: #52525B;--card-shade: rgba(10, 10, 15, .4);--shadow-str: rgba(0,0,0,.8);--border-light: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .2);--glass-bg: rgba(10, 10, 15, .4);--accent-red: #E11D48;--accent-red-glow: rgba(225, 29, 72, .5);--accent-crimson: #BE123C;--accent-purple: #9333EA;--accent-orange: #EA580C;--accent-glow-red: rgba(225, 29, 72, .15);--accent-glow-purple: rgba(147, 51, 234, .15);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-heading: "Space Grotesk", "Satoshi", sans-serif;--font-logo: "Outfit", sans-serif;--font-body: "Inter", -apple-system, sans-serif}body.light-theme{--device-rim: #E4E4E7;--device-notch: #E4E4E7;--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F4F4F5;--text-primary: #09090B;--text-secondary: #71717A;--text-tertiary: #A1A1AA;--card-shade: rgba(255, 255, 255, .4);--shadow-str: rgba(0,0,0,.1);--border-light: rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .6);--accent-glow-red: rgba(225, 29, 72, .08);--accent-glow-purple: rgba(147, 51, 234, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800}h2{font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.03em}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{font-size:1.125rem;color:var(--text-secondary)}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;background:none;font-family:var(--font-heading)}img{max-width:100%;height:auto;display:block}.text-gradient{background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-theme .text-gradient{background:linear-gradient(180deg,var(--accent-red) 0%,#71717A 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.text-gradient-accent{background:linear-gradient(135deg,var(--accent-red) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-mesh{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background:var(--bg-primary)}.aurora-blob{position:absolute;filter:blur(100px);opacity:.4;border-radius:50%;animation:aurora-move 20s infinite alternate ease-in-out;mix-blend-mode:screen}.aurora-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--accent-crimson)}.aurora-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:var(--accent-red);animation-delay:-5s;animation-duration:25s}.aurora-3{top:40%;left:30%;width:40vw;height:40vw;background:var(--accent-orange);animation-delay:-10s;animation-duration:30s;opacity:.2}@keyframes aurora-move{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(10%,5%) scale(1.1) rotate(45deg)}66%{transform:translate(-5%,15%) scale(.9) rotate(90deg)}to{transform:translate(-10%,-5%) scale(1.2) rotate(135deg)}}.glass-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2.5rem;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px -10px #00000080}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.glass-card:hover{transform:translateY(-5px) scale(1.01);border-color:var(--border-focus);box-shadow:0 20px 40px -10px #000c,0 0 40px var(--accent-glow-red)}.glass-card:hover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--accent-glow-red) 0%,transparent 70%);opacity:.2;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:var(--radius-full);font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;white-space:nowrap;letter-spacing:-.01em;z-index:1}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);box-shadow:0 4px 15px #ffffff1a}body.light-theme .btn-primary{background:var(--text-primary);color:var(--bg-secondary)}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:.6s;z-index:-1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.btn-primary:hover:before{transform:translate(100%)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-focus)}.btn-accent{background:var(--accent-red);color:#fff;border:1px solid var(--accent-crimson);box-shadow:0 0 20px var(--accent-glow-red)}.btn-accent:hover{background:var(--accent-crimson);box-shadow:0 0 30px var(--accent-red-glow);transform:translateY(-2px)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1.5rem}}.section{padding:10rem 0;position:relative}@media(max-width:768px){.section{padding:6rem 0}}.device-frame{background:var(--bg-primary);border:8px solid var(--device-rim, #1A1C23);border-radius:48px;overflow:hidden;box-shadow:0 30px 60px #000c,inset 0 0 0 2px #ffffff0d;position:relative}.device-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:30px;background:var(--device-notch, #1A1C23);border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:20}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear}.ui-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;padding:1.25rem}.ui-text-muted{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body)}.ui-text-bold{font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width 1s ease-out}.nav-blur{background:#050505b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}body.light-theme .nav-blur{background:#fafafacc}.ecosystem-path{stroke-dasharray:20 20;animation:stroke-pulse 2s infinite linear}@keyframes stroke-pulse{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@media(max-width:768px){h1{font-size:clamp(2.2rem,7vw,3.5rem)!important;word-break:break-word}h2{font-size:clamp(1.8rem,6vw,2.5rem)!important}.glass-card{padding:1.5rem;border-radius:var(--radius-lg)}.btn{padding:.8rem 1.5rem;font-size:.95rem}.device-frame{border-width:5px;border-radius:32px}.device-frame:before{width:100px;height:22px;border-bottom-left-radius:14px;border-bottom-right-radius:14px}}@media(max-width:400px){.container{padding:0 1rem}h1{font-size:clamp(1.8rem,8vw,2.5rem)!important}.btn{padding:.7rem 1.2rem;font-size:.85rem}}input:focus,textarea:focus{border-color:var(--accent-red)!important;box-shadow:0 0 0 3px var(--accent-glow-red)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}