:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--secondary-gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--dark-bg: #0f172a;--dark-card: #1e293b;--light-gray: #f8fafc;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #f43f5e;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--shadow: 0 10px 30px -10px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:.3s}li{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-block;padding:.8rem 1.75rem;border-radius:50px;font-weight:600;text-align:center;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px -5px #6366f166}.btn-primary{background:var(--primary-gradient);color:#fff;border:none}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:#fff}.btn-secondary:hover{background:#ffffff1a}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}section{padding:100px 0}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:.4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{padding:.8rem 0;background:#0f172ad9;backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.5rem;font-family:var(--font-heading)}.logo .logo-icon{background:var(--primary-gradient);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;box-shadow:0 4px 15px #6366f14d}.logo .logo-img{width:48px;height:48px;border-radius:10px;object-fit:cover;box-shadow:0 4px 15px #6366f140}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-weight:500;color:var(--text-secondary);font-size:.95rem}.nav-links a:hover{color:var(--text-primary)}.hero{padding-top:140px;padding-bottom:90px;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.12) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.12) 0%,transparent 45%)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.badge{display:inline-block;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#818cf8;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.25rem}.hero-text h1{font-size:3.75rem;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.025em}.hero-text p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;max-width:480px;line-height:1.6}.hero-btns{display:flex;gap:1.5rem;margin-bottom:2.5rem}.stats{display:flex;gap:3rem}.stats .stat-item{display:flex;flex-direction:column}.stats .stat-item .stat-num{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stats .stat-item .stat-label{font-size:.875rem;color:var(--text-secondary)}.hero-image{position:relative}.mockup-container{position:relative;display:flex;justify-content:center}.mockup-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(99,102,241,.28) 0%,transparent 70%);z-index:0;filter:blur(45px);pointer-events:none}.mockup-container .mockup-img{width:100%;max-width:340px;height:auto;border-radius:36px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #0009;position:relative;z-index:1}.floating-card{position:absolute;background:#1e293bbf;backdrop-filter:blur(12px);padding:.75rem 1.25rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.875rem;z-index:2;box-shadow:0 20px 40px #00000059;animation:float 4s ease-in-out infinite}.floating-card.c1{top:20%;left:-30px;animation-delay:0s}.floating-card.c2{bottom:25%;right:-30px;animation-delay:2s}.floating-card .icon-circle{width:36px;height:36px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.floating-card .card-title{font-size:.85rem;color:var(--text-secondary)}.floating-card .card-amount{font-weight:700;color:#10b981}.floating-card .card-status{font-weight:700;color:#6366f1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.features{background:#0f172a}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{padding:2.5rem;transition:.4s}.feature-card:hover{transform:translateY(-10px);border-color:#6366f166;box-shadow:0 20px 40px -10px #0006}.feature-card.active{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f14d}.feature-card .feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.collab-img{width:100%;border-radius:2rem;box-shadow:var(--shadow)}.check-list{margin-top:2rem;display:grid;gap:1.25rem}.check-list li{font-weight:500}.cta-banner{padding-bottom:150px}.cta-inner{padding:5rem;text-align:center;background:var(--primary-gradient);border:none}.cta-inner h2{font-size:3.5rem;margin-bottom:1.5rem}.cta-inner p{font-size:1.25rem;margin-bottom:3rem;opacity:.9}.cta-badges{display:flex;justify-content:center;gap:1.5rem}.cta-badges .badge-img{height:50px;cursor:pointer;transition:.3s}.cta-badges .badge-img:hover{transform:scale(1.05)}.footer{padding:80px 0 40px;border-top:1px solid var(--glass-border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand .logo{margin-bottom:1.5rem}.footer-brand p{color:var(--text-secondary)}.footer-links h4{margin-bottom:1.5rem}.footer-links ul{display:grid;gap:.75rem}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem}.socials{display:flex;gap:2rem}.mt-2{margin-top:2rem}@media (max-width: 1024px){.hero-grid,.grid-2{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:3.5rem}.hero-grid{gap:2rem}.hero-image{max-width:500px;margin:0 auto}.hero-btns,.stats{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-links{display:none}.hero-text h1{font-size:2.75rem}.cta-inner{padding:3rem 1.5rem}.cta-inner h2{font-size:2rem}}