:root{--bg-color:#0b0f19;--text-color:#f1f5f9;--neon-blue:#3b82f6;--neon-purple:#8b5cf6;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--accent-gradient:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.neon-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#0b0f19cc;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--neon-purple)}.btn-primary-small{background:var(--accent-gradient);border-radius:999px;padding:.5rem 1.25rem;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.hero{justify-content:space-between;align-items:center;min-height:100vh;padding:6rem 5% 2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;flex:1;max-width:600px}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero p{color:#94a3b8;margin-bottom:2.5rem;font-size:1.25rem}.hero-cta{gap:1.5rem;display:flex}.btn-primary{background:var(--accent-gradient);border-radius:999px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8b5cf666}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:background .3s,transform .3s}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.mockup-panel{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;border-radius:24px;width:100%;max-width:500px;transition:transform .5s ease-out;overflow:hidden;transform:perspective(1000px)rotateY(-15deg)rotateX(5deg);box-shadow:0 25px 50px -12px #00000080}.mockup-panel:hover{transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)}.mockup-img{width:100%;height:auto;display:block}.glow-orb{filter:blur(80px);opacity:.5;z-index:1;border-radius:50%;position:absolute}.orb-1{background:var(--neon-purple);width:300px;height:300px;top:10%;left:20%}.orb-2{background:var(--neon-blue);width:250px;height:250px;bottom:10%;right:10%}.features-section,.progress-section{padding:6rem 5%}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:3rem}.section-header p{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.bento-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;transition:transform .3s,background .3s}.bento-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-5px)}.card-icon{margin-bottom:1.5rem;font-size:2.5rem}.bento-card h3{margin-bottom:.75rem;font-size:1.5rem}.bento-card p{color:#94a3b8}.bento-wide{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);grid-column:span 3;align-items:center;display:flex}.progress-section{background:linear-gradient(#0000,#0b0f1980)}.progress-content{text-align:center;max-width:800px;margin:0 auto}.progress-content h2{margin-bottom:1.5rem;font-size:3rem}.progress-content p{color:#94a3b8;margin-bottom:2rem;font-size:1.1rem}.feature-list{text-align:left;max-width:400px;margin:0 auto 2.5rem;list-style:none}.feature-list li{margin-bottom:1rem;font-size:1.1rem;font-weight:500}.mt-4{margin-top:1rem;display:inline-block}.footer{border-top:1px solid var(--glass-border);margin-top:4rem;padding:4rem 5% 2rem}.footer-content{justify-content:space-between;margin-bottom:3rem;display:flex}.footer-brand p{color:#94a3b8;margin-top:.5rem}.footer-links{gap:2rem;display:flex}.footer-links a{color:#94a3b8;transition:color .3s}.footer-links a:hover{color:var(--text-color)}.footer-bottom{text-align:center;color:#64748b;font-size:.9rem}@media (width<=768px){.hero{text-align:center;flex-direction:column;padding-top:8rem}.hero h1{font-size:3rem}.hero-cta{flex-direction:column;justify-content:center}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.footer-content{text-align:center;flex-direction:column;gap:2rem}.footer-links{justify-content:center}.nav-links{display:none}}.cookie-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:1000;background:#0b0f19f2;border-radius:16px;padding:1.5rem;transition:opacity .5s,transform .5s;position:fixed;bottom:2rem;left:5%;right:5%;box-shadow:0 10px 30px #00000080}.cookie-banner.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.cookie-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.cookie-content p{color:#94a3b8;font-size:.95rem;line-height:1.5}.cookie-content button{white-space:nowrap;cursor:pointer;border:none;outline:none}@media (width<=768px){.cookie-banner{padding:1rem;bottom:1rem;left:1rem;right:1rem}.cookie-content{flex-direction:column;align-items:flex-start;gap:1rem}.cookie-content button{text-align:center;width:100%}}.lang-select{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-color);font-family:var(--font-family);cursor:pointer;border-radius:6px;outline:none;padding:.25rem .5rem;font-size:.9rem;font-weight:500;transition:border-color .3s}.lang-select:hover,.lang-select:focus{border-color:var(--neon-purple)}.lang-select option{background-color:var(--bg-color);color:var(--text-color)}