:root{--bg-primary: #2a2a2a;--bg-secondary: #1e1e1e;--bg-card: #323232;--bg-card-light: #3a3a3a;--bg-cream: #f5f0e8;--bg-mint: #c8f0e8;--bg-lavender: #c8b8e8;--text-primary: #ffffff;--text-secondary: #9a9a9a;--text-dark: #1a1a1a;--accent-yellow: #f0c84a;--accent-purple: #a890e8;--accent-green: #48c878;--accent-red: #e85858;--accent-blue: #4898e8;--accent-teal: #48d8c8;--chart-blue: #4898e8;--chart-teal: #38d8b8;--chart-orange: #e87848;--chart-yellow: #d4a832;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--section-padding: 100px 80px;--container-max: 1400px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-hover: 0 16px 48px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-card-light);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.animate-fade-up{animation:fadeInUp .7s ease forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.app{width:100%;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}section{position:relative;z-index:1}.container{max-width:var(--container-max);margin:0 auto;padding:0 80px}@media (max-width: 768px){.container{padding:0 24px}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:24px 80px;position:fixed;top:0;left:0;right:0;z-index:100;background:#2a2a2ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.navbar.scrolled{padding:16px 80px;background:#1e1e1ef2}.navbar__logo{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.navbar__actions{display:flex;align-items:center;gap:12px}.btn-ghost{background:transparent;color:var(--text-primary);font-size:15px;font-weight:500;padding:10px 20px;border-radius:var(--radius-xl);transition:background .2s ease}.btn-ghost:hover{background:#ffffff14}.btn-primary{background:var(--accent-purple);color:var(--text-primary);font-size:15px;font-weight:600;padding:12px 28px;border-radius:var(--radius-xl);transition:all .25s ease;letter-spacing:.1px}.btn-primary:hover{background:#b8a0f0;transform:translateY(-1px);box-shadow:0 8px 24px #a890e859}.btn-primary:active{transform:translateY(0)}.btn-yellow{background:var(--accent-yellow);color:var(--text-dark);font-size:15px;font-weight:600;padding:14px 32px;border-radius:var(--radius-md);transition:all .25s ease}.btn-yellow:hover{background:#f8d460;transform:translateY(-2px);box-shadow:0 10px 30px #f0c84a59}@media (max-width: 768px){.navbar{padding:20px 24px}.navbar.scrolled{padding:14px 24px}}.hero{min-height:100vh;display:flex;align-items:center;padding:80px 80px 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(168,144,232,.08) 0%,transparent 70%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:var(--container-max);margin:0 auto;width:100%}.hero__content{animation:fadeInUp .8s ease forwards}.hero__title{font-family:var(--font-display);font-size:clamp(52px,5.5vw,80px);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:24px;color:var(--text-primary)}.hero__subtitle{font-size:17px;color:var(--text-secondary);line-height:1.7;max-width:420px;margin-bottom:48px;font-weight:300}.hero__visual{position:relative;animation:fadeInUp .8s ease .2s both}.dashboard-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-card);animation:float 5s ease-in-out infinite}.dashboard-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dash-widget{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px}.dash-widget__title{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:16px;letter-spacing:.3px;border-bottom:2px solid var(--accent-yellow);padding-bottom:8px;display:inline-block}.dash-widget--wide{grid-column:1 / -1}@media (max-width: 1024px){.hero{padding:80px 40px 0}.hero__inner{grid-template-columns:1fr;gap:60px}}@media (max-width: 768px){.hero{padding:100px 24px 60px}.hero__title{font-size:44px;letter-spacing:-1.5px}}.logos{padding:60px 80px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.logos__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-around;gap:40px;flex-wrap:wrap}.logo-item{display:flex;align-items:center;gap:10px;opacity:.45;transition:opacity .25s ease;font-size:22px;font-weight:600;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.5px}.logo-item:hover{opacity:.75}.logo-item svg,.logo-item .logo-icon{flex-shrink:0}.showcase{padding:100px 80px;display:flex;justify-content:center}.showcase__wrapper{background:var(--bg-cream);border-radius:var(--radius-xl);padding:16px;width:100%;max-width:1000px;box-shadow:var(--shadow-card)}.showcase__app{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;min-height:520px}.app-sidebar{width:180px;flex-shrink:0;padding:28px 20px;background:var(--bg-card);border-right:1px solid rgba(255,255,255,.06)}.app-sidebar__logo{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:32px;color:var(--text-primary)}.app-sidebar__nav{list-style:none;display:flex;flex-direction:column;gap:4px}.app-sidebar__nav li a{display:block;padding:10px 12px;font-size:14px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s;font-weight:400;position:relative}.app-sidebar__nav li a:hover{color:var(--text-primary);background:#ffffff0d}.app-sidebar__nav li.active a{color:var(--text-primary);font-weight:500}.app-sidebar__nav li.active a:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent-yellow);border-radius:0 2px 2px 0}.app-main{flex:1;padding:24px 28px;overflow:hidden}.app-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-search{background:var(--bg-secondary);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);width:220px}.app-topbar__icons{display:flex;align-items:center;gap:8px}.topbar-icon{width:34px;height:34px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;cursor:pointer;transition:background .2s}.topbar-icon:hover{background:var(--bg-card-light)}.topbar-icon .badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:var(--accent-yellow);border-radius:50%;font-size:9px;color:var(--text-dark);display:flex;align-items:center;justify-content:center;font-weight:700}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-teal),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.dash-greeting{margin-bottom:20px}.dash-greeting h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:4px}.dash-greeting p{font-size:13px;color:var(--text-secondary)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px 18px}.stat-card__label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.stat-card__value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary)}.stat-card__indicator{display:inline-flex;align-items:center;gap:6px;font-size:18px;font-family:var(--font-display);font-weight:600}.indicator-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.indicator-dot.up{background:var(--accent-green)}.indicator-dot.down{background:var(--accent-red)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-widget{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px 18px}.chart-widget__title{font-size:12px;color:var(--text-secondary);margin-bottom:12px;border-bottom:1.5px solid var(--accent-yellow);padding-bottom:6px;display:inline-block}.features{padding:100px 80px}.features__inner{max-width:var(--container-max);margin:0 auto}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center}.feature-card{display:flex;flex-direction:column;align-items:center;gap:20px}.feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.feature-card__title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.feature-card__desc{font-size:15px;color:var(--text-secondary);line-height:1.7;font-weight:300;max-width:260px}.testimonial{padding:0 80px 100px}.testimonial__card{background:var(--bg-lavender);border-radius:var(--radius-xl);padding:60px 80px;max-width:var(--container-max);margin:0 auto}.testimonial__quote{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--text-dark);line-height:1.45;text-align:center;max-width:820px;margin:0 auto}.cta-section{padding:100px 80px}.cta-section__inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cta-section__title{font-family:var(--font-display);font-size:clamp(44px,4.5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.cta-section__subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;font-weight:300}.cta-visual{background:var(--bg-mint);border-radius:var(--radius-xl);padding:40px;display:flex;justify-content:center;align-items:center;min-height:320px;position:relative;overflow:hidden}.wallet-card-visual{background:var(--bg-secondary);border-radius:var(--radius-lg);width:260px;height:160px;position:relative;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;padding:20px}.wallet-card-visual__header{display:flex;justify-content:space-between;align-items:flex-start}.wallet-card-visual__label{font-size:14px;font-weight:600;color:var(--text-primary)}.wallet-card-visual__stickers{display:flex;gap:-8px;position:absolute;top:-24px;right:-20px}.sticker{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow-card)}.sticker-1{background:#e85848}.sticker-2{background:var(--bg-lavender)}.sticker-3{background:#f0f0f0}.sticker-4{background:var(--accent-blue)}.footer{padding:60px 80px;border-top:1px solid rgba(255,255,255,.08)}.footer__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer__left{display:flex;flex-direction:column;gap:16px}.footer__logo{font-family:var(--font-display);font-size:25px;font-weight:700}.footer__links{display:flex;gap:24px;flex-wrap:wrap}.footer__links a{font-size:20px;font-weight:600;color:var(--text-primary);transition:color .2s}.footer__links a:hover{color:var(--text-primary)}.footer__copyright{font-size:13px;color:var(--text-primary)}.footer__newsletter{display:flex;flex-direction:column;gap:16px}.footer__newsletter p{font-size:15px;color:var(--text-primary)}.newsletter-form{display:flex;gap:10px}.newsletter-input{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 20px;color:var(--text-primary);font-size:14px;font-family:var(--font-body);outline:none;width:240px;transition:border-color .2s}.newsletter-input::placeholder{color:var(--text-secondary)}.newsletter-input:focus{border-color:var(--accent-purple)}.btn-send{background:var(--accent-purple);color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--radius-md);transition:all .2s;width:175px}.btn-send:hover{background:#b8a0f0;transform:translateY(-1px)}@media (max-width: 768px){.logos{padding:40px 24px}.showcase,.features{padding:60px 24px}.features__grid{grid-template-columns:1fr;gap:40px}.testimonial{padding:0 24px 60px}.testimonial__card{padding:40px 28px}.cta-section{padding:60px 24px}.cta-section__inner{grid-template-columns:1fr}.footer{padding:40px 24px}.footer__inner{flex-direction:column}}