@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--primary:#06f;--primary-dark:#0052cc;--text:#fff;--text-secondary:hsla(0,0%,100%,.85);--background:#0a0a0a;--background-light:#111;--border:hsla(0,0%,100%,.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}a{text-decoration:none;color:#fff}body{background-color:var(--background);color:var(--text)}.hero-container{min-height:100vh;background:var(--background);position:relative;overflow:hidden}.hero-content{max-width:1400px;margin:0 auto;padding:8rem 2rem 4rem;position:relative;z-index:10}.hero-title{font-size:4rem;line-height:1.2;margin-bottom:1.5rem;text-align:center}.gradient-text{background:linear-gradient(to right,var(--primary),var(--primary-dark));-webkit-background-clip:text;color:transparent}.hero-description{font-size:1.25rem;color:#add8e6;max-width:800px;margin:0 auto 3rem;text-align:center;line-height:1.6}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.hero-button{padding:.75rem 1.5rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.primary-button{background:blue;color:#fff;border:none}.primary-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.secondary-button{background:transparent;color:var(--text);border:1px solid var(--border)}.secondary-button:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.arrow-icon{width:20px;height:20px}.app-preview{position:relative;margin-top:2rem}.preview-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,240,255,.15);border:1px solid var(--border)}.preview-image{width:100%;height:auto;display:block}.preview-overlay{background:linear-gradient(to bottom,transparent,var(--background));opacity:.2}.background-grid,.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.background-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.1}.background-gradient-left{top:20%;left:-10%}.background-gradient-left,.background-gradient-right{position:absolute;width:40%;height:40%;background:radial-gradient(circle,rgba(0,240,255,.1) 0,transparent 70%);filter:blur(100px)}.background-gradient-right{bottom:20%;right:-10%}@media (max-width:768px){.nav-content{padding:1rem}.nav-links{display:none}.hero-content{padding:6rem 1rem 2rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem;padding:0 1rem}.hero-buttons{flex-direction:column;padding:0 2rem}.preview-container{margin:0 -1rem;border-radius:0}}.home-component{background-color:var(--background);min-height:100vh;display:flex;flex-direction:column}.home-component-hero{max-width:1400px;margin:0 auto;padding:8rem 2rem 4rem;position:relative;z-index:10;text-align:center}.home-component-demo{margin-top:4rem;position:relative}.home-component-features{padding:6rem 2rem;background:var(--background-light);position:relative;z-index:1}.home-component-features-header{text-align:center;max-width:800px;margin:0 auto 4rem}.home-component-features-header h2{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(to right,var(--primary),var(--primary-dark));-webkit-background-clip:text;color:transparent}.home-component-features-header p{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto}.feature-card{background:var(--background);border:1px solid var(--border)}.feature-card:hover{box-shadow:0 10px 30px rgba(0,240,255,.1)}.feature-icon{background:rgba(0,240,255,.1);width:48px;height:48px;border-radius:12px;margin-bottom:1.5rem}.feature-card h3{color:var(--text)}.feature-card p{color:var(--text-secondary)}@media (max-width:768px){.home-component-hero{padding:6rem 1rem 2rem}.home-component-features{padding:4rem 1rem}.home-component-features-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}.hero-circle{position:absolute;width:24rem;height:24rem;background-color:rgba(75,75,75,.1);border-radius:50%;filter:blur(64px)}.hero-circle-left{top:-5rem;left:-5rem;background:linear-gradient(45deg,rgba(0,255,255,.1),rgba(128,0,255,.1))}.hero-circle-right{bottom:-5rem;right:-5rem;background:linear-gradient(225deg,rgba(128,0,255,.1),rgba(0,255,255,.1))}.floating-element{position:absolute}.floating-element.left{top:25%;left:2.5rem}.floating-element.right{bottom:25%;right:2.5rem}.floating-circle{background:linear-gradient(45deg,rgba(0,255,255,.2),rgba(128,0,255,.2));border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(0,255,255,.1)}.floating-circle.small{width:2rem;height:2rem}.floating-circle.large{width:3rem;height:3rem}@media (min-width:768px){.hero-title{font-size:4.5rem}.hero-description{font-size:1.5rem}}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:6rem 0}.feature-card{background-color:#111;padding:2rem;border-radius:12px;border:1px solid #222;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 4px 20px rgba(0,255,255,.1)}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#999;line-height:1.6}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes float-delayed{0%{transform:translateY(-20px) rotate(-5deg)}50%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-20px) rotate(-5deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 6s ease-in-out infinite}.section-container{max-width:1200px;margin:0 auto;padding:8rem 2rem;position:relative}.section-title{font-size:3rem;font-weight:600;text-align:center;margin-bottom:4rem;color:var(--text);letter-spacing:-.02em;line-height:1.2}.section-description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto;font-weight:400}.about-section{background-color:var(--background);position:relative;padding:8rem 0;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:6rem;gap:6rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.about-text{position:relative}.about-text:before{content:"";position:absolute;left:-2rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--primary),transparent);opacity:.3}.about-heading{font-size:2.5rem;font-weight:600;margin-bottom:2rem;background:linear-gradient(to right,var(--text),var(--text-secondary));-webkit-background-clip:text;color:transparent;line-height:1.2}.about-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2.5rem}.about-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.about-feature{display:flex;align-items:flex-start;gap:1rem}.feature-icon{width:32px;height:32px;background:rgba(0,102,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.feature-text h4{font-size:1.125rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.feature-text p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.about-image{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--background-light);border:1px solid var(--border)}.about-image img{width:100%;height:100%;object-fit:cover}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.stat-item{text-align:left}.stat-number{font-size:2.5rem;font-weight:600;color:var(--primary);line-height:1;margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--text-secondary)}@media (max-width:1024px){.about-content{grid-template-columns:1fr;gap:4rem}.about-image{order:-1}.about-text:before{display:none}}@media (max-width:768px){.about-section{padding:6rem 0}.about-heading{font-size:2rem}.about-features,.about-stats{grid-template-columns:1fr}.about-stats{gap:1.5rem}.stat-item{text-align:center}}.how-it-works-section{background-color:var(--background-light);position:relative;padding:6rem 0}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;margin-top:4rem;position:relative}.step{text-align:left;padding:2rem;background:transparent;border-left:2px solid var(--border);transition:all .4s ease}.step:hover{border-left-color:var(--primary)}.step-number{font-size:3.5rem;font-weight:600;color:var(--primary);opacity:.3;margin-bottom:1.5rem;line-height:1}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text);line-height:1.3}.step p{color:var(--text-secondary);line-height:1.6;font-size:1.0625rem;font-weight:400}.faq-section{background-color:var(--background);position:relative;padding:6rem 0}.faq-container{max-width:700px;margin:3rem auto 0}.faq-item{border-bottom:1px solid var(--border);padding:1.5rem 0;transition:all .3s ease}.faq-item:first-child{border-top:1px solid var(--border)}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0}.faq-question h3{font-size:1.25rem;font-weight:500;color:var(--text);line-height:1.4}.faq-answer{color:var(--text-secondary);line-height:1.6;font-size:1.0625rem;font-weight:400;padding-top:1rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{max-height:500px;padding-top:1rem}.faq-toggle{width:24px;height:24px;position:relative;transition:transform .3s ease}.faq-toggle:after,.faq-toggle:before{content:"";position:absolute;background:var(--text);border-radius:1px}.faq-toggle:before{width:2px;height:16px;top:4px;left:11px;transition:transform .3s ease}.faq-toggle:after{width:16px;height:2px;top:11px;left:4px}.faq-item.active .faq-toggle:before{transform:rotate(90deg)}@media (max-width:968px){.steps-container{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2.5rem}.step{max-width:500px;margin:0 auto}}@media (max-width:768px){.section-container{padding:4rem 1rem}.section-title{font-size:2rem}.header-content{padding:0 1rem}.profile-name{display:none}.nav-button{padding:.5rem}.nav-button span{display:none}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}