:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #0f172a;--accent: #38bdf8;--text-main: #f8fafc;--text-muted: #94a3b8;--bg-main: #020617;--bg-card: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 23, 42, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.15) 0%,transparent 50%)}a{text-decoration:none;color:inherit}.highlight{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid var(--glass-border);transition:all .3s ease}.navbar.scrolled{padding:1rem 5%;box-shadow:0 4px 30px #00000080}.logo{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.logo i{color:var(--accent)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{font-weight:400;font-size:.95rem;position:relative;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}.btn-primary,.btn-secondary{padding:.6rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6}.large{padding:.9rem 2rem;font-size:1.1rem}.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 5% 0;gap:4rem;position:relative}.hero-content{flex:1;z-index:10}.badge{display:inline-block;padding:.4rem 1rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:var(--accent);border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;animation:fadeInDown .8s ease-out}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both}.hero p{font-size:1.2rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:90%;animation:fadeInUp .8s ease-out .4s both}.hero-buttons{display:flex;gap:1rem;margin-bottom:4rem;animation:fadeInUp .8s ease-out .6s both}.stats{display:flex;gap:3rem;animation:fadeInUp .8s ease-out .8s both}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;color:var(--text-main)}.stat-text{font-size:.9rem;color:var(--text-muted)}.hero-image{flex:1;position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInRight 1s ease-out .4s both}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;padding:1.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000080;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.glass-panel:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.app-mockup{background:var(--bg-main);border-radius:20px;width:300px;height:550px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05)}.mockup-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;font-size:.8rem;color:var(--text-muted)}.mockup-body{padding:1.5rem}.mockup-body h3{margin-bottom:1.5rem;font-size:1.2rem}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:15px;padding:1rem;display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.card-icon{width:40px;height:40px;background:#6366f133;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--accent)}.card-info h4{font-size:.95rem;margin:0}.card-info p{font-size:.8rem;color:var(--text-muted);margin:0}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;position:relative}.progress:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.status-text{font-size:.8rem!important;text-align:right;margin:0!important;color:var(--text-muted)}.floating-bubble{position:absolute;width:60px;height:60px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--accent);box-shadow:0 10px 25px #0000004d}.bubble-1{top:10%;right:-20px;animation:float 4s ease-in-out infinite}.bubble-2{bottom:20%;left:-30px;animation:float 5s ease-in-out infinite reverse}.features{padding:8rem 5%}.section-title{text-align:center;max-width:600px;margin:0 auto 5rem}.section-title h2{font-size:2.5rem;margin-bottom:1rem}.section-title p{color:var(--text-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem 2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0006;border-color:#6366f14d}.feature-icon{width:60px;height:60px;background:#6366f11a;color:var(--accent);border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.cta-section{padding:5rem 5%}.glass-container{background:linear-gradient(135deg,#6366f11a,#38bdf81a);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:5rem 2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.glass-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.glass-container h2{font-size:2.5rem;margin-bottom:1.5rem}.glass-container p{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto 2.5rem}footer{background:#020617cc;border-top:1px solid var(--glass-border);padding:5rem 5% 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand p{color:var(--text-muted);margin-top:1rem;font-size:.9rem;max-width:250px}.footer-links h4{margin-bottom:1.5rem;font-size:1.1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent)}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icons a{width:40px;height:40px;background:#ffffff0d;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--text-main);transition:all .3s ease}.social-icons a:hover{background:var(--primary);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-size:.9rem}.highlight-card{border-color:#38bdf866!important;background:linear-gradient(135deg,#1e293bcc,#0f172ae6)!important;box-shadow:0 4px 15px #38bdf81a;margin-bottom:2rem!important}.highlight-card .card-icon{background:#38bdf833}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 992px){.hero{flex-direction:column;text-align:center;padding-top:8rem;gap:2rem}.hero h1{font-size:3rem}.hero p{margin:0 auto 2rem}.hero-buttons,.stats{justify-content:center}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.navbar{padding:1rem 5%;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-links{display:none}.hero{padding-top:8rem}.hero h1{font-size:2.2rem}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;text-align:center;justify-content:center}.stats{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.app-mockup{width:100%;max-width:280px;height:500px}.floating-bubble{display:none}.glass-panel{padding:1rem}.features{padding:5rem 5%}.section-title h2{font-size:2rem}.cta-section{padding:4rem 5%}.glass-container{padding:3rem 1.5rem}.glass-container h2{font-size:1.8rem}.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.social-icons{justify-content:center}.footer-brand p{margin:1rem auto 0}}@media (max-width: 480px){.navbar{justify-content:space-between}.logo{font-size:1.2rem}.hero h1{font-size:1.8rem}.navbar .btn-primary{padding:.5rem 1rem;font-size:.85rem}}