@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0a0b10;--surface-color:#ffffff0d;--glass-border:#ffffff1a;--primary-color:#3b82f6;--primary-glow:#3b82f680;--accent-color:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--font-main:"Outfit", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:var(--transition);border-radius:20px}.glass-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.text-gradient{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;transition:var(--transition);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:50px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{max-width:100vw;overflow-x:hidden}.navbar{z-index:1000;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#0a0b10cc;padding:15px 0}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:160px 40px 100px;display:grid}.hero-title{margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.25rem}.hero-visual{position:relative}.visual-wrapper{z-index:1;position:relative}.hero-image{border:1px solid var(--glass-border);border-radius:24px;width:100%;height:auto;box-shadow:0 20px 50px #00000080}.visual-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:-1;opacity:.5;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-container{max-width:1200px;margin:0 auto;padding:80px 40px}.section-title{margin-bottom:40px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:60px;max-width:600px;margin-inline:auto;font-size:1.1rem}.text-center{text-align:center}.about-card{padding:60px}.about-content p{color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.app-card{text-align:center;padding:40px}.app-icon{margin-bottom:20px;font-size:3rem}.app-card h3{margin-bottom:15px;font-size:1.5rem}.app-card p{color:var(--text-secondary);margin-bottom:30px}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);transition:var(--transition);border-radius:50px;padding:10px 24px;font-weight:500;text-decoration:none}.btn-secondary:hover{background:var(--surface-color);border-color:var(--text-primary)}.contact-card{text-align:center;padding:60px}.contact-info{margin-top:30px}.contact-link{color:var(--text-primary);transition:var(--transition);font-size:1.2rem;font-weight:500;text-decoration:none}.contact-link:hover{color:var(--primary-color)}.footer{border-top:1px solid var(--glass-border);text-align:center;padding:60px 40px}.footer p{color:var(--text-secondary)}.animate-up{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) forwards slideUp;transform:translateY(30px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (width<=968px){.hero-section{text-align:center;grid-template-columns:1fr;padding-top:120px}.hero-subtitle{margin-inline:auto}.nav-content{padding:0 20px}.section-container{padding:60px 20px}.about-card,.contact-card{padding:40px 20px}}