.dashboard{padding:1rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.dashboard-subtitle{color:#666;font-size:1.1rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{overflow:hidden;padding:2rem 1.5rem;position:relative;transition:transform .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-header{align-items:flex-start;justify-content:between}.stat-header,.stat-icon{display:flex;margin-bottom:1rem}.stat-icon{align-items:center;border-radius:12px;justify-content:center;padding:.75rem}.stat-icon.total{background:#10b9811a;color:#10b981}.stat-icon.pending{background:#f59e0b1a;color:#f59e0b}.stat-icon.overdue{background:#ef44441a;color:#ef4444}.stat-icon.savings{background:#667eea1a;color:#667eea}.stat-value{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.stat-label{font-weight:500}.stat-change{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.stat-change.positive{background:#dcfce7;color:#166534}.stat-change.negative{background:#fecaca;color:#dc2626}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:3rem}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:2rem}.section-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:#333;font-size:1.3rem}.section-action{color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;transition:color .3s ease}.section-action:hover{color:#5a67d8}.recent-bills{display:flex;flex-direction:column;gap:1rem}.bill-item{border-radius:12px;padding:1rem;transition:background-color .3s ease}.bill-item:hover{background:#f1f5f9}.bill-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.bill-details{flex:1 1}.bill-name{margin-bottom:.25rem}.bill-due{color:#666;font-size:.8rem}.bill-amount{color:#333;font-size:1.1rem;font-weight:700}.bill-status{letter-spacing:.5px;text-transform:uppercase}.bill-status.pending{background:#fef3c7;color:#92400e}.bill-status.overdue{background:#fecaca;color:#dc2626}.chart-container{height:300px;margin-bottom:1rem;width:100%}.chart-placeholder{align-items:center;background:#f8fafc;border-radius:12px;color:#666;display:flex;font-size:.9rem;height:100%;justify-content:center}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.action-button{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;transition:all .3s ease}.action-button:hover{background:#f1f5f9;transform:translateY(-2px)}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.action-icon{font-size:1.5rem}.action-label{font-size:.9rem;font-weight:600}.notifications{display:flex;flex-direction:column;gap:1rem}.notification-item{background:#f8fafc;border-left:4px solid #0000;border-radius:12px;display:flex;gap:1rem;padding:1rem}.notification-item.info{border-left-color:#3b82f6}.notification-item.warning{border-left-color:#f59e0b}.notification-item.success{border-left-color:#10b981}.notification-icon{font-size:1.2rem;margin-top:.25rem}.notification-content{flex:1 1}.notification-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.notification-message{color:#666;font-size:.8rem;line-height:1.4}.notification-time{color:#999;font-size:.7rem;margin-top:.5rem}.empty-state{padding:2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.empty-state-message{font-size:.9rem;line-height:1.5}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard{padding:.5rem}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:2rem}.quick-actions{grid-template-columns:1fr}.section-card{padding:1rem}.bill-item{padding:.75rem}.action-button{padding:1rem}}.ai-assistant{display:flex;flex-direction:column;height:100%}.ai-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.ai-header,.ai-title{align-items:center;display:flex}.ai-title{gap:1rem}.ai-avatar{font-size:2rem}.title-content h1{color:#333;font-size:1.5rem;margin:0}.title-content p{color:#666;margin:0}.ai-tabs{display:flex;gap:1rem}.tab{border-radius:8px;padding:.5rem 1rem}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-container{display:flex;flex:1 1;flex-direction:column;height:600px}.chat-messages{flex:1 1;margin-bottom:1rem;overflow-y:auto;padding:1rem}.message{display:flex;gap:1rem;margin-bottom:1.5rem}.message.user{flex-direction:row-reverse}.message-avatar{font-size:1.5rem}.message-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:70%;padding:1rem}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text{line-height:1.5}.bullet-point{color:#666;margin-left:1rem}.message-time{color:#999;font-size:.8rem;margin-top:.5rem}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.quick-actions{margin-bottom:1rem}.quick-actions-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.quick-actions-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.quick-action-btn:hover{background:#f8fafc;border-color:#667eea}.chat-input-form{border-top:1px solid #e5e7eb;padding-top:1rem}.chat-input-container{display:flex;gap:1rem}.chat-input{border:1px solid #d1d5db;border-radius:20px;flex:1 1;outline:none;padding:.75rem}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.75rem}.send-button:disabled{cursor:not-allowed;opacity:.5}.insights-tab,.recommendations-tab{padding:1rem}.insights-grid,.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.insight-card,.recommendation-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.insight-header,.recommendation-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.insight-icon,.recommendation-icon{font-size:1.5rem}.insight-card.warning{border-left:4px solid #f59e0b}.insight-card.success{border-left:4px solid #10b981}.insight-card.info{border-left:4px solid #3b82f6}.recommendation-action{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.no-insights,.no-recommendations{color:#666;grid-column:1/-1;padding:3rem;text-align:center}.no-insights-icon{font-size:3rem;margin-bottom:1rem}.landing-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.landing-navbar.scrolled{background:#ffffff1a;border-bottom:none}.navbar-container{align-items:center;border:none;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.brand-logo{gap:.5rem}.brand-icon,.brand-text{font-size:1.5rem}.navbar-menu{gap:2rem}.nav-link{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.navbar-actions{align-items:center;display:flex;gap:1rem}.get-started-btn{background:linear-gradient(135deg,#44042f,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.get-started-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:3px}.hamburger span{background:#fff;height:2px;transition:all .3s ease;width:20px}.hero-section{align-items:center;display:flex;min-height:100vh;padding-top:80px;position:relative}.hero-background{inset:0;overflow:hidden;position:absolute}.hero-gradient{background:linear-gradient(135deg,#44042f,#764ba2)}.hero-gradient,.hero-shapes{inset:0;position:absolute}.shape{animation:float 8s ease-in-out infinite;background:#ffffff08;border-radius:50%;pointer-events:none;position:absolute}.shape-1{animation-delay:0s;height:150px;right:10%;top:15%;width:150px}.shape-2{animation-delay:3s;bottom:25%;height:100px;left:15%;width:100px}.shape-3{animation-delay:6s;height:80px;right:35%;top:65%;width:80px}@keyframes float{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.05;transform:translateY(-15px) rotate(180deg)}}.hero-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:2}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-text h1{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.title-brand{display:block;margin-bottom:.5rem}.title-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#10b981,#f0f0f0);-webkit-background-clip:text;background-clip:text;display:block}.cursor{display:none}.hero-subtitle{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{color:#fff;font-size:1.5rem}.stat-label{color:#fffc}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary,.cta-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.cta-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cta-secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.cta-primary:hover,.cta-secondary:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.hero-trust{color:#fffc}.trust-text{font-size:.9rem;margin-bottom:1rem}.trust-badges{display:flex;gap:1rem}.trust-badge{background:#ffffff1a;border-radius:20px;font-size:.8rem;gap:.5rem;padding:.5rem 1rem}.hero-visual,.trust-badge{align-items:center;display:flex}.hero-visual{justify-content:center;position:relative}.hero-app-preview{max-width:400px;position:relative;width:100%}.app-mockup{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;overflow:hidden}.mockup-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.mockup-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:12px;width:12px}.control-red{background:#ef4444}.control-yellow{background:#f59e0b}.control-green{background:#10b981}.mockup-url{background:#e5e7eb;border-radius:12px;color:#666;font-size:.8rem;padding:.25rem .75rem}.mockup-content{padding:1.5rem}.dashboard-stat{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.stat-icon,.stat-value{font-size:1.5rem}.stat-value{color:#333;font-weight:700}.stat-label{color:#666}.dashboard-bills{display:flex;flex-direction:column;gap:.75rem}.bill-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:1rem;padding:.75rem}.bill-icon{color:#44042f;font-size:1.2rem}.bill-info{flex:1 1}.bill-name{color:#333;font-size:.9rem;font-weight:600}.bill-amount{color:#44042f;font-size:.8rem;font-weight:600}.bill-status{border-radius:20px;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.bill-status.paid{background:#dcfce7;color:#166534}.bill-status.due{background:#fef3c7;color:#92400e}.floating-elements{inset:0;pointer-events:none;position:absolute;z-index:1}.floating-ai,.floating-nft,.floating-pool{align-items:center;animation:gentleFloat 4s ease-in-out infinite;background:#fffffff2;border-radius:20px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute}.floating-nft{animation-delay:0s;right:-30px;top:10%}.floating-ai{animation-delay:2s;bottom:60%;left:-50px}.floating-pool{animation-delay:1s;bottom:20%;right:30px}@keyframes gentleFloat{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.features-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#44042f,#764ba2);padding:6rem 0}.features-container{margin:0 auto;max-width:1200px;padding:0 2rem}.features-header{margin-bottom:4rem;text-align:center}.section-badge{align-items:center;background:#ffffff1a;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.section-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.feature-card{background:#fffffff2;border-radius:20px;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s ease}.feature-card.visible{animation:slideInUp .6s ease forwards;opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.feature-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;width:80px}.feature-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.feature-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.feature-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-glow{background:inherit;border-radius:50%;filter:blur(8px);inset:-2px;opacity:.3;position:absolute;z-index:-1}.feature-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;padding:0}.benefit-item{align-items:center;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem}.benefit-check{color:#10b981;font-weight:600}.benefit-text{color:#666}.features-showcase{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);text-align:center}.showcase-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:1.5rem}.showcase-stat{color:#fff}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.8}.how-it-works-section{background:linear-gradient(135deg,#44042f,#764ba2);padding:6rem 0}.how-it-works-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-header .section-title{color:#fff}.section-header .section-description{color:#fffc}.steps-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:300px 1fr}.steps-navigation{display:flex;flex-direction:column;gap:1rem}.step-nav{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.step-nav.active{background:#fff3;border-color:#fffc;box-shadow:0 8px 25px #0000001a;color:#fff}.step-number{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.step-nav.active .step-number{background:#fff;color:#44042f}.step-icon{flex-shrink:0;font-size:1.5rem}.step-title{font-weight:600;margin-bottom:.25rem}.step-progress{margin-top:.5rem}.progress-bar{background:#ffffff4d;border-radius:2px;height:4px}.progress-fill{background:#fff;width:0}.progress-fill.active{animation:progressFill 4s linear forwards}@keyframes progressFill{0%{width:0}to{width:100%}}.steps-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-rows:400px 1fr}.step-visual{background:#fffffff2;border-radius:20px;overflow:hidden;padding:2rem}.step-visual,.visual-container{align-items:center;display:flex;justify-content:center}.visual-container{height:100%;width:100%}.wallet-mockup{position:relative}.wallet-popup{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;min-width:300px;padding:2rem}.popup-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.wallet-icon{color:#44042f;font-size:2rem}.wallet-name{color:#333;font-weight:600}.connect-btn{background:linear-gradient(135deg,#44042f,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem;width:100%}.bill-form-mockup{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;min-width:350px;padding:2rem}.form-header{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-fields{display:flex;flex-direction:column;gap:1rem}.form-field label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.input-mockup{background:#f3f4f6;border-radius:8px;color:#666;padding:.75rem}.payment-flow-mockup{align-items:center;display:flex;gap:2rem}.payment-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.payment-step .step-icon{align-items:center;background:linear-gradient(135deg,#44042f,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.step-text{color:#333;font-weight:600}.flow-arrow{color:#44042f;font-size:1.5rem}.nft-showcase-mockup{display:flex;gap:1rem}.nft-card{align-items:center;border-radius:16px;display:flex;flex-direction:column;height:140px;padding:1rem;position:relative;text-align:center;transition:all .3s ease;width:120px}.nft-card.bronze{background:linear-gradient(135deg,#cd7f32,sienna)}.nft-card.silver{background:linear-gradient(135deg,silver,grey)}.nft-card.gold{background:linear-gradient(135deg,gold,#ffb347)}.nft-card.active{box-shadow:0 8px 25px #ffd70080;transform:scale(1.1)}.nft-tier{font-size:2rem;margin-bottom:.5rem}.nft-name{font-size:.8rem}.nft-badge,.nft-name{color:#fff;font-weight:600}.nft-badge{background:#ef4444;border-radius:12px;font-size:.6rem;padding:.25rem .5rem;position:absolute;right:-5px;top:-5px}.step-details{background:#fffffff2;border-radius:20px;box-shadow:0 4px 12px #0000000d;padding:2rem}.step-main-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.step-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.step-features{list-style:none;padding:0}.feature-item{font-size:1rem;gap:1rem;margin-bottom:1rem}.feature-check{color:#10b981;font-size:1.2rem;font-weight:600}.benefits-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#44042f,#764ba2);padding:6rem 0}.benefits-container{margin:0 auto;max-width:1200px;padding:0 2rem}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;padding:2rem;text-align:center;transition:all .3s ease}.benefit-card:hover{background:#ffffff26;transform:translateY(-4px)}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-card h3{font-size:1.5rem;margin-bottom:1rem}.benefit-card p{margin-bottom:1rem;opacity:.9}.benefit-stat{color:#10b981;font-weight:700}.network-section{background:linear-gradient(135deg,#44042f,#764ba2);padding:6rem 0}.network-container{margin:0 auto;max-width:1200px;padding:0 2rem}.network-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.network-info h2{color:#fff;margin-bottom:1.5rem}.network-info p{color:#fffc;line-height:1.6;margin-bottom:2rem}.network-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:1.5rem;text-align:center}.stat-item .stat-number{color:#fff}.network-visual{display:flex;justify-content:center}.network-diagram{text-align:center}.network-node{color:#fff;font-size:3rem;margin-bottom:2rem}.network-node label{color:#fff;display:block;font-weight:600;margin-top:.5rem}.network-connections{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.connection-line{animation:pulse 2s infinite;background:#fff;height:2px;width:60px}.network-apps{display:flex;gap:2rem;justify-content:center}.feature-highlight{gap:8px;margin-bottom:8px}.feature-icon{font-size:1.2rem;line-height:1}.app-node{color:#fff;font-size:1.5rem;text-align:center}.app-node label{color:#fffc;display:block;font-size:.8rem;margin-top:.5rem}.cta-section{background:linear-gradient(135deg,#44042f,#764ba2);padding:6rem 0}.cta-container{margin:0 auto;max-width:800px;padding:0 2rem;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-content p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.cta-actions{gap:1rem;margin-bottom:2rem}.cta-actions,.cta-features{display:flex;justify-content:center}.cta-features{flex-wrap:wrap;gap:2rem}.feature-highlight{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem}.feature-highlight .feature-icon{color:#10b981}.cta-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;color:#44042f;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #ffffff4d;transform:translateY(-2px)}.landing-footer{background:#1f2937;color:#fff;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.footer-brand{align-items:center;display:flex;gap:.5rem}.footer-logo{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.footer-brand-text{color:#fff;font-size:1.5rem;font-weight:700}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.hero-logo{flex-shrink:0;height:12px!important;margin-right:.3rem;max-height:12px!important;max-width:12px!important;object-fit:contain;vertical-align:middle;width:12px!important}.brand-logo{align-items:center;display:flex;flex-shrink:0;gap:.3rem;max-width:-webkit-fit-content;max-width:fit-content}.brand-text{color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;white-space:nowrap}.navbar-brand{flex-shrink:0;margin-right:1rem;max-width:200px;min-width:-webkit-fit-content;min-width:fit-content}.navbar-brand,.navbar-menu{align-items:center;display:flex}.navbar-menu{flex-shrink:1;gap:1.5rem;min-width:0}.link-group h4{color:#fff;font-weight:600;margin-bottom:1rem}.link-group a{color:#ffffffb3;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.link-group a:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:2rem}.footer-legal{color:#ffffffb3}.footer-network{align-items:center;color:#ffffffb3;display:flex;gap:1rem}.network-dot{background:#10b981}@media (max-width:768px){.footer-content,.hero-content,.network-content{gap:2rem;grid-template-columns:1fr}.hero-text h1{font-size:2.5rem}.features-grid,.steps-container{grid-template-columns:1fr}.features-showcase,.network-stats{grid-template-columns:repeat(2,1fr)}.mobile-menu-toggle{display:block}.floating-elements>div,.hero-shapes,.shape{display:none}.hero-section{min-height:100vh;padding-top:100px}.hero-logo{height:10px!important;margin-right:.2rem;max-height:10px!important;max-width:10px!important;vertical-align:middle;width:10px!important}.navbar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-direction:column;left:0;opacity:0;padding:2rem;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar-menu.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{color:#333}.cta-actions{align-items:center;flex-direction:column}.cta-features{gap:1rem;justify-content:center}.footer-links{gap:1rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.landing-page{background:linear-gradient(135deg,#44042f,#764ba2);min-height:100vh;overflow-x:hidden}.landing-page body{background:none}.app{background:linear-gradient(135deg,#44042f,#764ba2);display:flex;flex-direction:column;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff1a;padding:1rem 2rem}.header-content{align-items:center;display:flex;gap:1rem}.app-title{color:#fff;font-size:2rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.app-subtitle{color:#fffc;font-size:.9rem}.app-body{display:flex;flex:1 1;gap:2rem;padding:2rem}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem 1rem;width:250px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease;width:100%}.nav-item:hover{background:#44042f1a;transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#44042f,#764ba2);box-shadow:0 4px 15px #44042f66;color:#fff}.nav-icon{font-size:1.2rem}.nav-label{font-weight:500}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1 1;max-height:calc(100vh - 8rem);overflow-y:auto;padding:2rem}.wallet-connect{align-items:center;background:linear-gradient(135deg,#44042f,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.connect-container{max-width:400px;width:100%}.connect-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:3rem 2rem;text-align:center}.logo-section{margin-bottom:2rem}.logo-circle{align-items:center;background:linear-gradient(135deg,#44042f,#764ba2);border-radius:50%;box-shadow:0 8px 20px #44042f66;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;position:relative;width:80px}.logo-text{color:#fff;font-size:1.5rem;font-weight:700;z-index:2}.logo-circle img{filter:brightness(0) invert(1);height:50px;object-fit:contain;width:50px}.app-name{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.tagline{color:#666;font-size:1.1rem}.features-preview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:2rem 0}.feature-item{align-items:center;background:#44042f0d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.feature-icon{color:#44042f;font-size:1.5rem}.feature-text{color:#666;font-size:.8rem;font-weight:500}.connect-button{background:linear-gradient(135deg,#44042f,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:1rem 2rem;transition:all .3s ease;width:100%}.connect-button:hover{box-shadow:0 8px 25px #44042f66;transform:translateY(-2px)}.connect-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.network-info{color:#999;font-size:.9rem;margin-top:1.5rem}.network-badge{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.network-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.9rem;margin:1rem 0;padding:1rem}.nft-rewards{padding:1rem}.rewards-header{margin-bottom:2rem;text-align:center}.rewards-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.rewards-header p{color:#666;font-size:1.1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1rem;padding:1.5rem}.stat-icon{color:#44042f;font-size:2rem}.stat-content h3{color:#333;font-size:1.5rem;font-weight:700}.stat-content p{color:#666;font-size:.9rem}.nft-section h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.nft-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.nft-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:transform .3s ease}.nft-card:hover{transform:translateY(-4px)}.nft-image{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;position:relative}.nft-tier-emoji{font-size:3rem;margin-bottom:.5rem}.nft-id{background:#00000080;border-radius:20px;color:#fff;font-size:.8rem;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.nft-info{padding:1.5rem}.nft-info h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.nft-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between}.detail-label{color:#666;font-size:.9rem}.detail-value{color:#333;font-weight:600}.tier-info{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem}.tier-info h3{color:#333;margin-bottom:1.5rem}.tier-list{display:flex;flex-wrap:wrap;gap:1rem}.tier-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:.75rem;min-width:200px;padding:1rem}.tier-emoji{font-size:1.5rem}.tier-name{color:#333;font-weight:600}.tier-requirement{color:#666;font-size:.9rem}.bill-pools{padding:1rem}.pools-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pools-header h2{color:#333;font-size:2rem}.pools-header p{color:#666;margin-bottom:1rem}.create-pool-button{background:linear-gradient(135deg,#44042f,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.create-pool-button:hover{box-shadow:0 8px 25px #44042f66;transform:translateY(-2px)}.tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.tab.active{border-bottom-color:#44042f;color:#44042f}.pools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.pool-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;transition:transform .3s ease}.pool-card:hover{transform:translateY(-2px)}.pool-card.my-pool{border:2px solid #44042f}.pool-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.pool-header h3{color:#333;font-size:1.25rem}.pool-creator{color:#666;font-size:.8rem}.creator-badge{background:#44042f;border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.pool-description{color:#666;line-height:1.5}.pool-description,.pool-progress{margin-bottom:1.5rem}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#44042f,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:.9rem;text-align:center}.pool-info{background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.info-item{color:#666;font-size:.9rem}.execute-payment-button,.join-pool-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.join-pool-button{background:linear-gradient(135deg,#44042f,#764ba2);color:#fff}.join-pool-button:disabled{background:#9ca3af;cursor:not-allowed}.execute-payment-button{background:#10b981;color:#fff}.execute-payment-button:hover,.join-pool-button:hover:not(:disabled){transform:translateY(-1px)}.pool-members{margin-bottom:1.5rem}.pool-members h4{color:#333;font-size:1rem;margin-bottom:.75rem}.member-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.member-item:last-child{border-bottom:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.25rem}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;padding:1.5rem}.cancel-button,.create-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s ease}.cancel-button{background:#f3f4f6;color:#666}.create-button{background:linear-gradient(135deg,#44042f,#764ba2);color:#fff}.empty-state{color:#666;padding:3rem 1rem;text-align:center}.empty-icon{color:#44042f;font-size:4rem;margin-bottom:1rem}.empty-state h4{color:#333;font-size:1.25rem;margin-bottom:.5rem}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#44042f;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.app-body{flex-direction:column;gap:1rem;padding:1rem}.wallet-logo{height:40px;object-fit:contain;width:40px}.sidebar{order:2;padding:1rem;width:100%}.nav-item{justify-content:center}.nav-label{display:none}.main-content{order:1;padding:1rem}.features-preview,.form-row,.nft-grid,.pools-grid,.stats-grid{grid-template-columns:1fr}.logo-circle{height:60px;width:60px}.logo-circle img{height:35px;width:35px}.logo-text{font-size:1.2rem}}
/*# sourceMappingURL=main.8b1fb5ba.css.map*/