:root{--color-primary-dark: #0B0E11;--color-primary-light: #ffffff;--color-accent-blue: #E2E4E9;--color-accent-cyan: #8B949E;--color-text-dim: #8B949E;--color-glass-bg: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .15);--color-glass-highlight: rgba(255, 255, 255, .4);--shadow-luxe: 0 20px 80px -20px rgba(0, 0, 0, .8);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 6rem;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}:root{--ease-premium: cubic-bezier(.16, 1, .3, 1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 15px #ffffff1a;border-color:#fff3}50%{box-shadow:0 0 30px #fff3;border-color:#ffffff80}to{box-shadow:0 0 15px #ffffff1a;border-color:#fff3}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes floatStrong{0%{transform:translateY(0) rotate(0);filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}50%{transform:translateY(-30px) rotate(2deg);filter:drop-shadow(0 50px 80px rgba(255,255,255,.1))}to{transform:translateY(0) rotate(0);filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}}@keyframes gradientShift{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.1)}}.fade-in{animation:fadeIn 1.2s var(--ease-premium) forwards}.float{animation:float 6s ease-in-out infinite}.float-strong{animation:floatStrong 8s ease-in-out infinite}.pulse-glow{animation:glowPulse 4s infinite}.reveal-hidden{opacity:0;transform:translateY(40px) scale(.98);transition:opacity 1s var(--ease-premium),transform 1s var(--ease-premium);will-change:opacity,transform}.reveal-visible{opacity:1;transform:translateY(0) scale(1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-primary-dark);color:var(--color-primary-light);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%)}.gradient-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 40%);filter:blur(80px);opacity:.8;animation:gradientShift 20s ease-in-out infinite alternate}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--spacing-sm) 0;transition:all .3s ease}.header.scrolled{background:#0c0e0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-glass-border);padding:.5rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--color-primary-light)}.nav-links{display:flex;gap:var(--spacing-md)}.nav-links a{color:var(--color-text-dim);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--color-primary-light)}.header-cta{background:var(--color-primary-light);color:var(--color-primary-dark);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem;transition:transform .2s}.header-cta:hover{transform:translateY(-1px)}.logo-image{height:32px;width:auto;display:block}@media(min-width:768px){.logo-image{height:40px}}.footer-section{background:#000;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md);text-align:center;border-top:1px solid var(--color-glass-border)}.final-cta{margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.final-cta h2{font-size:2rem;margin-bottom:var(--spacing-sm)}@media(min-width:768px){.final-cta h2{font-size:3rem}}.cta-button.glow{box-shadow:0 0 20px #ffffff26}.cta-button.glow:hover{box-shadow:0 0 40px #ffffff40;transform:translateY(-3px)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}@media(min-width:768px){.footer-links{flex-direction:row;justify-content:space-between;max-width:1000px;margin-left:auto;margin-right:auto}}.footer-logo{font-weight:800;font-size:1.5rem;letter-spacing:-.02em}.links-group{display:flex;gap:var(--spacing-md)}.links-group a{color:var(--color-text-dim);font-size:.9rem;transition:color .2s}.links-group a:hover{color:var(--color-primary-light)}.footer-copyright{color:#444;font-size:.8rem;margin-top:var(--spacing-md)}.hero-section{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px;padding-bottom:var(--spacing-lg)}.hero-content{position:relative;z-index:10;text-align:center;max-width:1000px;padding:0 var(--spacing-md);display:flex;flex-direction:column;align-items:center}.hero-visual-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:90vw;z-index:-1;opacity:.6;pointer-events:none;filter:blur(20px);transition:all .5s ease}.hero-icon-3d{width:100%;height:auto}.hero-section:hover .hero-visual-bg{opacity:.8;filter:blur(10px)}.hero-title{font-size:clamp(4rem,8vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:var(--spacing-md);color:var(--color-primary-light);text-shadow:0 10px 30px rgba(0,0,0,.5)}.highlight-text{background:linear-gradient(135deg,#fff 30%,#95a5a6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--color-text-dim);max-width:500px;margin-bottom:var(--spacing-lg);line-height:1.5;font-weight:500;background:#0b0e11b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:8px}.hero-cta-group{display:flex;gap:var(--spacing-md);align-items:center}.cta-button{font-size:1.1rem;padding:1rem 2rem;border-radius:50px}@media(max-width:768px){.hero-visual-bg{width:300px;top:40%}}.trust-strip{width:100%;padding:var(--spacing-md) 0;background:transparent;border-bottom:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.trust-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}@media(min-width:768px){.trust-content{justify-content:space-around}}.trust-item{display:flex;align-items:center;gap:var(--spacing-xs);opacity:.8;transition:opacity var(--transition-fast)}.trust-item:hover{opacity:1}.trust-icon{font-size:1.25rem}.trust-text{font-size:.9rem;font-weight:500;letter-spacing:.02em;color:var(--color-primary-light)}.problem-section{padding:var(--spacing-xl) 0;background:transparent;position:relative}.problem-content{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--spacing-lg);text-align:left;line-height:1.1;letter-spacing:-.02em}.text-dim{color:var(--color-text-dim);text-decoration:line-through;text-decoration-color:var(--color-accent-blue);text-decoration-thickness:1px}.problem-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--color-glass-border);border:1px solid var(--color-glass-border);border-radius:12px;overflow:hidden}@media(min-width:768px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{padding:var(--spacing-lg) var(--spacing-md);background:var(--color-primary-dark);text-align:left;transition:background .3s ease;height:100%}.problem-card:hover{background:#ffffff05}.problem-card h3{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-primary-light);font-weight:600;display:flex;align-items:center;gap:.5rem}.problem-card h3:before{content:"";display:block;width:8px;height:8px;background:var(--color-accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--color-accent-cyan)}.problem-card p{color:var(--color-text-dim);font-size:.95rem;line-height:1.6}.solution-section{padding:var(--spacing-lg) 0;background:transparent;position:relative}.solution-content{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.highlight-blue{color:var(--color-accent-blue);position:relative;display:inline-block}.highlight-blue:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--color-accent-blue);box-shadow:0 0 10px var(--color-accent-blue)}.solution-flow{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg);position:relative}@media(min-width:768px){.solution-flow{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}}.flow-step{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:var(--spacing-md);background:#ffffff05;border:1px solid var(--color-glass-border);border-radius:8px;transition:all .3s ease}.flow-step:hover{background:#ffffff0a;transform:translateY(-2px);border-color:var(--color-accent-blue)}.step-circle{font-family:monospace;font-size:.9rem;color:var(--color-accent-blue);margin-bottom:var(--spacing-sm);opacity:.7}.step-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-primary-light)}.step-desc{font-size:.9rem;color:var(--color-text-dim);line-height:1.5}.step-connector{display:none}.features-section{padding:var(--spacing-xl) var(--spacing-md);position:relative}.features-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(min-width:600px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.features-grid{grid-template-columns:repeat(3,1fr)}}.glass-panel{background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);padding:var(--spacing-md);border-radius:12px;position:relative;transition:all .4s var(--ease-premium);overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.glass-panel:hover{transform:translateY(-4px);background:#ffffff0a;box-shadow:0 20px 60px -10px #000000b3}.glass-panel:hover:before{opacity:1}.feature-title{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--color-primary-light)}.feature-desc{font-size:1rem;color:var(--color-text-dim)}.gamification-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-primary-dark);text-align:center;position:relative;overflow:hidden}.gamification-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.highlight-gaming{color:var(--color-accent-cyan);text-shadow:0 0 15px rgba(0,255,213,.3)}.gamification-stats{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap}.stat-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:12px;padding:var(--spacing-md);min-width:150px;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-card.highlight{border-color:var(--color-accent-cyan);box-shadow:0 0 20px #00ffd51a;transform:scale(1.1)}.stat-value{font-size:2rem;font-weight:800;color:var(--color-primary-light);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.gamification-text{max-width:600px;margin:0 auto;font-size:1.125rem;color:var(--color-text-dim)}.app-preview-section{padding:var(--spacing-xl) 0;text-align:center;overflow:hidden}.preview-content{max-width:1200px;margin:0 auto}.text-white{color:var(--color-primary-light)}.preview-deck{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-lg);perspective:1000px;height:600px;position:relative}.preview-card{position:absolute;width:280px;height:580px;border-radius:40px;border:4px solid #333;background:#111;box-shadow:0 20px 50px #00000080;transition:transform .5s ease,opacity .5s ease}.preview-card.center{z-index:3;transform:scale(1);box-shadow:0 30px 60px #0009}.preview-card.left{z-index:2;transform:translate(-220px) scale(.9) rotateY(15deg);opacity:.8}.preview-card.right{z-index:2;transform:translate(220px) scale(.9) rotateY(-15deg);opacity:.8}@media(max-width:768px){.preview-card.left,.preview-card.right{display:none}}.mockup-screen{width:100%;height:100%;border-radius:36px;background:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-weight:600;border:1px solid var(--color-glass-border)}.mockup-screen.main{background:radial-gradient(circle at top,#1a1d21,#000);color:var(--color-primary-light)}.privacy-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-primary-dark);text-align:center}.privacy-content{max-width:1000px;margin:0 auto}.highlight-green{color:var(--color-primary-light);text-shadow:0 0 15px rgba(255,255,255,.1)}.privacy-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media(min-width:768px){.privacy-grid{grid-template-columns:repeat(3,1fr)}}.privacy-item{padding:var(--spacing-md);border:1px solid var(--color-glass-border);border-radius:12px;background:#ffffff03;transition:border-color .3s ease}.privacy-item:hover{border-color:var(--color-glass-border);background:#ffffff08}.privacy-item h3{font-size:1.25rem;margin-bottom:var(--spacing-xs);color:var(--color-primary-light)}.privacy-item p{color:var(--color-text-dim)}.how-section{padding:var(--spacing-xl) var(--spacing-md);background:var(--color-primary-dark)}.how-content{max-width:800px;margin:0 auto;text-align:center}.how-steps{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);align-items:center}@media(min-width:768px){.how-steps{flex-direction:row;justify-content:space-between;align-items:flex-start}}.how-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;width:100%}.step-number{width:40px;height:40px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);z-index:2;position:relative}.step-text{font-weight:500;color:var(--color-primary-light)}.step-line{display:none;position:absolute;top:20px;left:50%;width:100%;height:2px;background:var(--color-glass-border);z-index:1}@media(min-width:768px){.step-line{display:block}}.legal-page{padding-top:100px;padding-bottom:var(--spacing-xl);min-height:100vh;background:var(--color-primary-dark)}.legal-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.legal-container h1{font-size:2.5rem;color:var(--color-primary-light);margin-bottom:var(--spacing-xs)}.last-updated{color:var(--color-text-dim);font-size:.9rem;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-glass-border);padding-bottom:var(--spacing-md)}.legal-container section{margin-bottom:var(--spacing-lg)}.legal-container h2{font-size:1.5rem;color:var(--color-primary-light);margin-bottom:var(--spacing-sm)}.legal-container p,.legal-container li{color:var(--color-text-dim);line-height:1.7;margin-bottom:var(--spacing-sm)}code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:var(--color-accent-blue)}