@media (min-width:1024px){.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:80px!important;padding:0!important;z-index:1000!important;background:white!important;border-bottom:1px solid var(--gray-200)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.navbar .container{max-width:1320px!important;margin:0 auto!important;padding:0 2rem!important;justify-content:space-between!important}.navbar .container,.navbar-brand{height:100%!important;display:flex!important;align-items:center!important}.navbar-brand{padding:0!important;margin:0 3rem 0 0!important;font-size:1.5rem!important;font-weight:700!important;color:var(--primary)!important;flex-shrink:0!important;white-space:nowrap!important;text-decoration:none!important;gap:.5rem!important}.navbar-brand:hover{color:var(--primary-dark)!important;text-decoration:none!important;transform:translateY(-1px)!important}.navbar-brand i{font-size:1.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;color:var(--primary)!important}.navbar-nav,.navbar-nav-dashboard{height:100%!important;padding:0!important;gap:1rem!important;list-style:none!important}.nav-link,.navbar-nav,.navbar-nav-dashboard{display:flex!important;align-items:center!important;margin:0!important}.nav-link{height:48px!important;padding:0 1.25rem!important;font-size:1rem!important;font-weight:500!important;white-space:nowrap!important;border-radius:.75rem!important;transition:all .2s ease!important}.nav-link,.nav-link:hover{text-decoration:none!important}.nav-link:hover{background-color:rgba(74,144,191,.1)!important;color:var(--primary)!important}.navbar-actions,.navbar-end{display:flex!important;align-items:center!important;gap:1.5rem!important;height:100%!important;margin-left:auto!important}.navbar-expand-lg .navbar-nav{flex-direction:row!important;margin-left:0!important;margin-right:0!important}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.25rem!important;padding-left:1.25rem!important}.navbar>.container,.navbar>.container-fluid{flex-wrap:nowrap!important;height:100%!important}.navbar-collapse,.navbar>.container,.navbar>.container-fluid{display:flex!important;align-items:center!important;justify-content:space-between!important}.navbar-collapse{flex-basis:auto!important;flex-grow:1!important}.navbar-toggler{display:none!important}.navbar-desktop-content{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:100%!important}.navbar-nav-dashboard{position:absolute!important;left:50%!important;transform:translateX(-50%)!important}.dashboard-main,.main-content,.onboarding-container,.payout-main,main{padding-top:80px!important}.dashboard-main .container,.payout-main .container{padding-top:2rem!important;padding-bottom:2rem!important}.onboarding-container{margin-top:0!important;padding-top:calc(80px + 1rem)!important}.hero-section{padding-top:calc(80px + 3rem)!important}}.container{width:100%;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{max-width:1024px;padding:0 2rem}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1320px}}:root{--primary:#4A90BF;--primary-rgb:74,144,191;--primary-dark:#3A7BA8;--primary-light:#6BA8D3;--primary-subtle:rgba(74,144,191,0.1);--success:#22C55E;--success-subtle:rgba(34,197,94,0.1);--warning:#F59E0B;--info:#06B6D4;--danger:#EF4444;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:clamp(0.7rem,2vw,0.875rem);--font-size-sm:clamp(0.8rem,2.5vw,1rem);--font-size-base:clamp(0.875rem,3vw,1.125rem);--font-size-lg:clamp(1rem,3.5vw,1.25rem);--font-size-xl:clamp(1.125rem,4vw,1.5rem);--font-size-2xl:clamp(1.25rem,5vw,2rem);--font-size-3xl:clamp(1.5rem,6vw,3rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:clamp(0.25rem,1vw,0.5rem);--spacing-sm:clamp(0.5rem,2vw,0.75rem);--spacing-md:clamp(0.75rem,3vw,1rem);--spacing-lg:clamp(1rem,4vw,1.5rem);--spacing-xl:clamp(1.5rem,5vw,2rem);--spacing-2xl:clamp(2rem,6vw,3rem);--spacing-3xl:clamp(3rem,8vw,4rem);--border-radius:0.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{font-family:var(--font-family-primary);color:var(--gray-700);line-height:1.6;font-weight:var(--font-weight-normal);max-width:100vw;overflow-x:hidden}.display-4{font-weight:var(--font-weight-bold);color:var(--gray-900);letter-spacing:-.025em}.lead{color:var(--gray-600);font-weight:var(--font-weight-normal)}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}a{color:inherit}.btn,a{text-decoration:none}.btn{font-weight:var(--font-weight-semibold);border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:.95rem;transition:all .2s ease-in-out;border-width:1px;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:white;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#2563eb);transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--primary-dark);color:white}.btn-outline-primary{color:var(--primary);border-color:var(--primary);background-color:transparent}.btn-outline-primary:hover:not(:disabled){background-color:var(--primary);color:white;transform:translateY(-1px);border-color:var(--primary)}.btn-success{background:linear-gradient(135deg,var(--success),#16a34a);border-color:var(--success);color:white;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:var(--shadow);border-color:#16a34a;color:white}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-ice{background-color:var(--primary);border-color:var(--primary);color:white;font-weight:var(--font-weight-semibold);padding:.75rem 1.5rem;border-radius:var(--border-radius);transition:all .3s ease}.btn-ice:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-ice{background:transparent;color:var(--primary);border:2px solid var(--primary);font-weight:var(--font-weight-semibold);padding:.75rem 1.5rem;border-radius:var(--border-radius);transition:all .3s ease}.btn-outline-ice:hover{background:var(--primary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:white!important;border-bottom:1px solid var(--gray-200);padding:var(--spacing-md,.75rem) 0;box-shadow:var(--shadow-sm)}.navbar-brand{font-weight:700;font-size:var(--font-size-xl);color:var(--primary)!important;text-decoration:none}.nav-link{font-weight:500;color:var(--gray-700)!important;margin:0 .5rem;padding:.5rem 1rem!important;border-radius:var(--border-radius);transition:all .2s ease;text-decoration:none}.nav-link:hover{color:var(--primary)!important;background-color:var(--primary-subtle)}.navbar-toggler{border:none;padding:.25rem .5rem}.navbar-toggler:focus{box-shadow:none}.security-badge{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600);font-weight:var(--font-weight-medium)}.security-icon{color:var(--success);font-size:1rem}.hero-section{background:linear-gradient(135deg,var(--gray-50) 0,white 100%);padding:5rem 0 4rem;position:relative;overflow:hidden;min-height:auto}.hero-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at center,rgba(74,144,191,.05) 0,transparent 70%);pointer-events:none}.trust-indicator{background:white;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem 1rem;text-align:center;box-shadow:var(--shadow-sm);min-height:140px;flex-direction:column}.trust-indicator,.trust-indicator-icon{display:flex;justify-content:center;align-items:center}.trust-indicator-icon{width:3rem;height:3rem;background:var(--primary-subtle);border-radius:50%;margin:0 auto .75rem;color:var(--primary);font-size:1.25rem;flex-shrink:0}.trust-indicator small{font-size:.875rem;font-weight:var(--font-weight-semibold);line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (min-width:1025px){.hero-section .row .col-4{padding:0 .5rem}}@media (min-width:768px) and (max-width:1024px){.hero-section{padding:4.5rem 0 3rem}.hero-section .mb-5{margin-bottom:2.5rem!important}.hero-section .mb-4{margin-bottom:1.5rem!important}.display-4{font-size:2.25rem;line-height:1.2}.lead{font-size:1.125rem;line-height:1.5;margin-bottom:2rem!important}.trust-indicator{padding:1.25rem .875rem!important;min-height:120px!important}.trust-indicator-icon{width:2.75rem!important;height:2.75rem!important;font-size:1.125rem!important;margin-bottom:.625rem!important}.trust-indicator small{font-size:.8rem!important;line-height:1.25!important}.hero-mockup-container{padding:1.5rem 1rem}.hero-card-frame{padding:2rem!important}.hero-avatar{width:45px;height:45px}.hero-success-icon{width:55px;height:55px}.hero-name{font-size:1.15rem}.hero-role{font-size:.875rem}.hero-qr-icon{font-size:1.375rem}.tip-amount-btn{padding:.6875rem .5rem;font-size:.9375rem}.pay-tip-btn{padding:.9375rem;font-size:.9375rem}.security-indicator-text{font-size:.8125rem}.btn{padding:.6875rem 1.25rem;font-size:.9375rem}.btn-lg{padding:.875rem 1.75rem;font-size:1.0625rem}.card,.feature-card{padding:1.5rem}.feature-icon{width:3.5rem;height:3.5rem;font-size:1.375rem;margin-bottom:1.25rem}.navbar{padding:.75rem 0}.navbar-brand{font-size:1.25rem}.nav-link{font-size:.9375rem;padding:.5rem 1rem!important}section{padding:4rem 0!important}.section-spacing{margin-bottom:2.5rem}.pricing-card{padding:1.75rem}.pricing-card.featured{transform:scale(1.015)}.pricing-card.featured:hover{transform:scale(1.015) translateY(-4px)}.price{font-size:2.75rem}}.card,.feature-card{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease;background:white;padding:1.5rem}.card:hover,.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--gray-300)}.card-lift{transition:all .3s ease}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{width:4rem;height:4rem;background:var(--primary-subtle);border:1px solid rgba(74,144,191,.2);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin:0 auto 1.5rem}.pricing-card{border:2px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:2rem;background:white;position:relative;transition:all .3s ease;text-align:center;height:100%}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--primary);background:linear-gradient(135deg,white 0,var(--primary-subtle) 100%);transform:scale(1.02);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-4px);box-shadow:var(--shadow-xl)}.price{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--primary);line-height:1}.hero-mockup-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:500px;padding:2rem}.hero-mockup-wrapper{position:relative}.hero-card-frame,.hero-mockup-wrapper{width:100%;max-width:600px;margin:0 auto}.hero-floating-success{position:absolute;top:20px;left:-30px;z-index:10}.hero-floating-notification{position:absolute;bottom:20px;right:-40px;z-index:10}.main-content{padding:90px 1rem 3rem;min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)}.section-spacing{margin-bottom:3rem}.card-modern{background:white;border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--success));opacity:0;transition:opacity .3s ease}.card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.card-modern:hover:before{opacity:1}.stat-card{background:white;border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:1.5rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;height:100%}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary)}.stat-icon{width:3rem;height:3rem;background:var(--primary-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;margin:0 auto 1rem;transition:all .3s ease}.stat-card:hover .stat-icon{background:var(--primary);color:white;transform:scale(1.1)}.stat-number{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:.5rem;line-height:1.1}.stat-label{font-size:.875rem;color:var(--gray-500);font-weight:var(--font-weight-medium);margin-bottom:.5rem}.stat-change{font-size:.75rem;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;border-radius:var(--border-radius);display:inline-block}.stat-change.positive{color:var(--success);background:var(--success-subtle)}.stat-change.neutral{color:var(--gray-500);background:var(--gray-100)}.qr-card-modern{background:white;border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:all .3s ease}.qr-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--success),var(--primary));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.qr-display-modern{width:100%!important;height:auto!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important}.dashboard-qr-container{max-width:500px!important;margin:0 auto!important}.dashboard-qr-container .feature-card{background:white!important;border-radius:var(--border-radius-xl)!important;padding:1.5rem!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--gray-200)!important;position:relative!important;margin:0!important;overflow:hidden!important}.dashboard-qr-container .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--success));z-index:1}.dashboard-qr-container .feature-card .text-center:first-child{margin-bottom:1.25rem!important;text-align:center!important}.dashboard-qr-container .feature-card .feature-icon{width:40px!important;height:40px!important;font-size:1rem!important;margin:0 auto .75rem!important;background:var(--primary-subtle)!important;border:1px solid rgba(74,144,191,.2)!important;color:var(--primary)!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important}.dashboard-qr-container .feature-card h4{font-size:1.125rem!important;font-weight:var(--font-weight-semibold)!important;color:var(--gray-900)!important;margin-bottom:.375rem!important;letter-spacing:-.015em!important}.dashboard-qr-container .feature-card>.text-center:first-child>.text-muted{font-size:.875rem!important;color:var(--gray-600)!important;margin-bottom:0!important;line-height:1.4!important}.dashboard-qr-container .feature-card img{max-width:160px!important;max-height:160px!important;width:auto!important;height:auto!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--gray-200)!important;margin:1rem auto!important;display:block!important}.dashboard-qr-container .feature-card h6{font-size:1rem!important;font-weight:var(--font-weight-semibold)!important;color:var(--primary)!important;margin-bottom:.25rem!important;text-align:center!important}.dashboard-qr-container .feature-card p.text-muted:not(:first-child){font-size:.8rem!important;color:var(--gray-500)!important;margin-bottom:.25rem!important;text-align:center!important}.dashboard-qr-container .feature-card .small{font-size:.75rem!important;color:var(--gray-500)!important;text-align:center!important;display:block!important}.dashboard-qr-container .feature-card .row.g-2{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;margin:1rem 0!important;width:100%!important;justify-content:center!important}.dashboard-qr-container .feature-card .row.g-2 .col-6{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 0.25rem);max-width:calc(50% - .25rem)!important;padding:0!important;margin:0!important}.dashboard-qr-container .feature-card .btn{font-weight:var(--font-weight-medium)!important;border-radius:var(--border-radius)!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:all .2s ease-in-out!important;border-width:1px!important;width:100%!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.dashboard-qr-container .feature-card .btn-ice{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;border-color:var(--primary)!important;color:white!important;box-shadow:var(--shadow-sm)!important}.dashboard-qr-container .feature-card .btn-ice:hover{background:linear-gradient(135deg,var(--primary-dark),#2563eb)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow)!important;border-color:var(--primary-dark)!important;color:white!important}.dashboard-qr-container .feature-card .btn-outline-secondary{color:var(--gray-600)!important;border-color:var(--gray-300)!important;background-color:white!important}.dashboard-qr-container .feature-card .btn-outline-secondary:hover{background-color:var(--gray-50)!important;color:var(--gray-700)!important;border-color:var(--gray-400)!important;transform:translateY(-1px)!important}.dashboard-qr-container .feature-card .btn-success{background:linear-gradient(135deg,var(--success),#16a34a)!important;border-color:var(--success)!important;color:white!important;box-shadow:var(--shadow-sm)!important}.dashboard-qr-container .feature-card .btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow)!important;border-color:#16a34a!important;color:white!important}.dashboard-qr-container .feature-card .btn-outline-primary{color:var(--primary)!important;border-color:var(--primary)!important;background-color:white!important}.dashboard-qr-container .feature-card .btn-outline-primary:hover{background-color:var(--primary)!important;color:white!important;border-color:var(--primary)!important;transform:translateY(-1px)!important}.dashboard-qr-container .feature-card .p-3,.dashboard-qr-container .feature-card [style*="background: var(--cool-gray)"]{padding:.875rem!important;background:var(--gray-50)!important;border-radius:var(--border-radius)!important;border:1px solid var(--gray-200)!important;margin:.75rem 0!important;font-size:.8rem!important}.dashboard-qr-container .feature-card code{font-size:.75rem!important;background:white!important;padding:.375rem .5rem!important;border-radius:var(--border-radius)!important;border:1px solid var(--gray-300)!important;color:var(--primary)!important;font-weight:var(--font-weight-medium)!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace!important}.dashboard-qr-container .feature-card .form-select{border:1px solid var(--gray-300)!important;border-radius:var(--border-radius)!important;padding:.5rem .75rem!important;font-size:.875rem!important;margin-bottom:.75rem!important;height:38px!important;background:white!important}.dashboard-qr-container .feature-card .form-select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 .15rem rgba(74,144,191,.25)!important}.dashboard-qr-container .feature-card .form-label{font-size:.875rem!important;font-weight:var(--font-weight-medium)!important;color:var(--gray-700)!important;margin-bottom:.375rem!important}.dashboard-qr-container .feature-card .badge{font-size:.75rem!important;font-weight:var(--font-weight-medium)!important;padding:.25rem .5rem!important;border-radius:var(--border-radius)!important}@media (max-width:768px){.dashboard-qr-container{max-width:400px!important}.dashboard-qr-container .feature-card{padding:1.25rem!important}.dashboard-qr-container .feature-card img{max-width:140px!important;max-height:140px!important}.dashboard-qr-container .feature-card .btn{padding:.625rem .75rem!important;font-size:.8rem!important;height:40px!important}}@media (max-width:576px){.dashboard-qr-container{max-width:320px!important}.dashboard-qr-container .feature-card{padding:1rem!important}.dashboard-qr-container .feature-card img{max-width:120px!important;max-height:120px!important}.dashboard-qr-container .feature-card .row.g-2{grid-template-columns:1fr!important;gap:.375rem!important}.dashboard-qr-container .feature-card .row.g-2 .col-6{grid-column:span 1!important}}.level-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);transition:all .3s ease}.level-badge:hover{transform:scale(1.05);box-shadow:var(--shadow)}.progress-modern{height:8px;background-color:var(--gray-200)}.progress-bar-modern,.progress-modern{border-radius:4px;overflow:hidden;position:relative}.progress-bar-modern{background:linear-gradient(90deg,var(--primary),var(--success));height:100%;transition:width .5s ease}.progress-bar-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}.table-modern{background:white;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);font-size:.875rem}.table-modern th{background:var(--gray-50);color:var(--gray-700);font-weight:var(--font-weight-semibold);font-size:.875rem;padding:1rem;border:none;text-transform:uppercase;letter-spacing:.05em}.table-modern td{padding:1rem;border-color:var(--gray-100);vertical-align:middle}.table-modern tbody tr,.table-modern td{transition:all .15s ease}.table-modern tbody tr:hover{background-color:var(--primary-subtle);transform:scale(1.01)}.bounce-in{animation:bounceIn .6s ease-out both}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .6s ease forwards}.fade-in:first-child{animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.footer{background:var(--gray-800);color:white;padding:40px 0 24px}.social-icon-clean,.social-icon-simple{width:50px;height:50px;background:white;border:2px solid var(--gray-300);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-600);text-decoration:none;font-size:1.2rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.social-icon-clean:hover,.social-icon-simple:hover{background:var(--primary);border-color:var(--primary);color:white;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.footer-link,.footer-link-clean{color:var(--gray-600);text-decoration:none;font-size:.95rem;font-weight:var(--font-weight-medium);transition:all .2s ease;padding:.5rem;border-radius:var(--border-radius)}.footer-link-clean:hover,.footer-link:hover{color:var(--primary);text-decoration:none;background-color:var(--primary-subtle)}.pattern-square{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(74,144,191,.1) 1px,transparent 0);background-size:20px 20px;opacity:.3;pointer-events:none}.hero-avatar{width:50px;height:50px}.hero-success-icon{width:60px;height:60px}.hero-name{font-size:1.2rem}.hero-role{font-size:.9rem}.hero-qr-icon{font-size:1.5rem}.tip-amount-btn{padding:.75rem .5rem}.pay-tip-btn,.tip-amount-btn{font-size:1rem;font-weight:600}.pay-tip-btn{padding:1rem}.security-indicator-text{font-size:.85rem;font-weight:600;color:var(--gray-700)}.perfect-for-icon{width:3rem;height:3rem;font-size:1.25rem}.text-ice-blue{color:var(--primary)}.section-title{color:var(--gray-900);font-weight:var(--font-weight-bold);margin-bottom:3rem}.bg-cool{background:var(--gray-100)}.form-control{border-radius:var(--border-radius);padding:.75rem 1rem;font-size:1rem;margin:.5rem 0;border:2px solid var(--gray-300);transition:all .3s ease}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(74,144,191,.25)}.table th{border-top:none;font-weight:600;color:var(--gray-900)}.table-hover tbody tr:hover{background-color:var(--primary-subtle)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.hero-mockup-container{min-height:auto;padding:1rem .5rem}.hero-floating-notification,.hero-floating-success{display:none}.hero-section{padding:6rem 0 3rem;min-height:auto}.display-4{font-size:2.5rem}.feature-icon{width:3rem;height:3rem;font-size:1.25rem}.pricing-card.featured{transform:none;margin-top:2rem}.trust-indicator{margin-bottom:1rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}.nav-link{margin:.25rem 0}.main-content{padding:80px .75rem 2rem}.card-modern{padding:1.5rem}.stat-card{padding:1rem}.qr-card-modern{padding:1.5rem}.qr-display-modern{width:150px;height:150px}.section-spacing{margin-bottom:2rem}}@media (max-width:576px){.hero-section{padding:5rem 0 2rem}.display-4{font-size:2rem;line-height:1.2}.lead{font-size:1rem}.security-badge{font-size:.75rem;padding:.375rem .75rem}.stat-number{font-size:1.5rem}.qr-display-modern{width:120px;height:120px}}@media (max-width:480px){.hero-section{padding:5rem 0 3rem;min-height:auto}.hero-section .mb-5{margin-bottom:2rem!important}.hero-mockup-container{padding:1rem 0;overflow:hidden}.hero-floating-success{left:-20px;top:10px}.hero-floating-notification{right:-20px;bottom:10px}.display-4{font-size:1.75rem;line-height:1.3}.lead{font-size:.95rem;line-height:1.5}h2{font-size:1.5rem}h5{font-size:1.1rem}.btn{padding:.625rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.25rem;font-size:.95rem}.hero-section .row .col-4{padding:0 .25rem!important}.trust-indicator{padding:.75rem .5rem!important;min-height:100px!important}.trust-indicator-icon{width:2.25rem!important;height:2.25rem!important;font-size:.875rem!important;margin-bottom:.5rem!important}.trust-indicator small{font-size:.7rem!important;line-height:1.2!important}.card,.feature-card{padding:1.25rem}.feature-icon{width:3.5rem;height:3.5rem;font-size:1.25rem;margin-bottom:1rem}.navbar{padding:.5rem 0}.navbar-brand{font-size:1.1rem}.nav-link{font-size:.9rem;padding:.4rem .75rem!important}.hero-avatar{width:40px;height:40px}.hero-success-icon{width:50px;height:50px}.hero-name{font-size:1.1rem}.hero-role{font-size:.85rem}.hero-qr-icon{font-size:1.25rem}.tip-amount-btn{padding:.625rem .5rem;font-size:.875rem}.pay-tip-btn{padding:.875rem;font-size:.875rem}.security-indicator-text{font-size:.75rem}.perfect-for-icon{width:2.5rem;height:2.5rem;font-size:1.1rem}}@media (max-width:320px){.hero-section{padding:4rem 0 2rem}.hero-section .mb-5{margin-bottom:1.5rem!important}.hero-section .mb-4{margin-bottom:1rem!important}.hero-floating-notification,.hero-floating-success{display:none}.hero-section .row .col-4{padding:0 .125rem!important}.trust-indicator{padding:.5rem .25rem!important;min-height:90px!important}.trust-indicator-icon{width:2rem!important;height:2rem!important;font-size:.75rem!important;margin-bottom:.375rem!important}.trust-indicator small{font-size:.65rem!important;font-weight:var(--font-weight-medium)!important;line-height:1.1!important;word-break:break-word!important}.display-4{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.lead{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}h2{font-size:1.25rem;margin-bottom:1rem}h5{font-size:1rem}p{font-size:.875rem}.d-flex.flex-column.flex-sm-row{gap:.5rem!important}.btn{padding:.5rem .875rem;font-size:.8rem;width:100%}.btn-lg{padding:.625rem 1rem;font-size:.875rem}.security-badge{font-size:.7rem;padding:.25rem .5rem;margin-bottom:.75rem}.security-icon{font-size:.875rem}.hero-mockup-wrapper{transform:scale(.85);margin:-2rem auto}.hero-card-frame{padding:1.25rem!important}.card-body{padding:1rem}.feature-icon{width:2.5rem;height:2.5rem;font-size:1rem}.pricing-card{padding:1.25rem;margin-bottom:1rem}.price{font-size:2rem}.footer{padding:30px 0 20px}.social-icon-clean,.social-icon-simple{width:40px;height:40px;font-size:1rem}.container{padding-left:1rem;padding-right:1rem}section{padding:3rem 0!important}.hero-avatar{width:35px;height:35px}.hero-success-icon{width:45px;height:45px}.hero-name{font-size:1rem}.hero-role{font-size:.8rem}.hero-qr-icon{font-size:1.1rem}.tip-amount-btn{padding:.5rem .375rem;font-size:.75rem}.pay-tip-btn{padding:.75rem;font-size:.8rem}.security-indicator-text{font-size:.7rem}.perfect-for-icon{width:2rem;height:2rem;font-size:.875rem}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.75)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;overflow:auto!important;padding:1rem!important}.confirmation-modal,.error-dialog{border-radius:var(--border-radius-xl)!important;box-shadow:var(--shadow-xl)!important;max-width:600px!important;width:90%!important;max-height:90vh!important;overflow:hidden!important;flex-direction:column!important;margin:auto!important;position:relative!important;z-index:1000000!important}.confirmation-modal,.error-dialog,.modal-header{background:white!important;display:flex!important}.modal-header{padding:1.5rem!important;border-bottom:1px solid var(--gray-200)!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important}.modal-header.error{background:#FEF2F2!important;border-bottom-color:#FECACA!important}.modal-header.success{background:linear-gradient(135deg,#F0FDF4,#ECFDF5)!important;border-bottom-color:#BBF7D0!important}.modal-header h3{margin:0!important;font-size:1.25rem!important;font-weight:600!important}.modal-close{background:none!important;border:none!important;font-size:1.25rem!important;color:var(--gray-500)!important;cursor:pointer!important;padding:.25rem!important;border-radius:var(--border-radius)!important;transition:all .2s ease!important}.modal-close:hover{background:var(--gray-100)!important;color:var(--gray-700)!important}.modal-body{padding:1.5rem!important;flex:1 1!important;overflow-y:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important}.modal-footer{padding:1.5rem!important;border-top:1px solid var(--gray-200)!important;background:var(--gray-50)!important;flex-shrink:0!important}.button-group{display:flex!important;gap:1rem!important;justify-content:flex-end!important;align-items:center!important}.transaction-summary{background:var(--gray-50)!important;border-radius:var(--border-radius-lg)!important;padding:2rem!important;margin-bottom:1.5rem!important;border:1px solid var(--gray-200)!important}.summary-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;font-size:1rem!important}.summary-row:not(.total){border-bottom:1px solid var(--gray-200)!important}.summary-row.total{border-top:2px solid var(--primary)!important;padding-top:1rem!important;margin-top:1.5rem!important;font-size:1.25rem!important;font-weight:600!important;color:var(--primary)!important}.amount-large{font-size:1.25rem!important;font-weight:700!important;color:var(--success)!important}@media (max-width:768px){.modal-overlay{padding:.5rem!important}.confirmation-modal,.error-dialog{width:95%!important;max-height:95vh!important}.button-group{gap:.5rem!important}.button-group .btn{flex:1 1!important;min-width:0!important}}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative}.progress-steps:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--gray-200);z-index:0}.step{flex-direction:column;position:relative;z-index:1}.step,.step-circle{display:flex;align-items:center}.step-circle{width:40px;height:40px;border-radius:50%;justify-content:center;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.step.active .step-circle{background:var(--primary);color:white;border:3px solid var(--primary)}.step.completed .step-circle{background:var(--success);color:white;border:3px solid var(--success)}.step:not(.active):not(.completed) .step-circle{background:white;color:var(--gray-500);border:3px solid var(--gray-300)}.step small{font-size:.75rem;font-weight:500;text-align:center;color:var(--gray-600)}.step.active small{color:var(--primary);font-weight:600}.step.completed small{color:var(--success);font-weight:600}.hyperwallet-onboarding{max-width:800px;margin:0 auto}.hyperwallet-onboarding-step{padding:2rem}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.benefit-card,.info-card{background:white;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.success-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--success),#16A34A);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.success-icon i{font-size:3rem;color:white}.summary-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem}.hyperwallet-status-card{margin-top:2rem}.hyperwallet-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:1rem 1.5rem;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;margin:-1.5rem -1.5rem 1.5rem}.hyperwallet-header h3{margin:0;font-size:1.125rem;font-weight:600}.cash-pickup-info .info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.cash-pickup-info .info-row:last-child{border-bottom:none}.cash-pickup-info .label{color:var(--gray-600);font-weight:500}.cash-pickup-info .value{color:var(--gray-900);font-weight:600}.prepaid-card-mockup{background:linear-gradient(135deg,#4A90BF,#3A7399);border-radius:12px;padding:2rem;color:white;aspect-ratio:1.586;max-width:300px;margin:0 auto 1.5rem;box-shadow:0 10px 30px rgba(74,144,191,.3);position:relative;overflow:hidden}.prepaid-card-mockup:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%)}.prepaid-card-mockup .card-number{font-size:1.25rem;letter-spacing:2px;margin-bottom:2rem;position:relative;z-index:1}.prepaid-card-mockup .card-name{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.prepaid-card-mockup .card-brand{position:absolute;bottom:1rem;right:1rem;font-weight:700;font-size:1.125rem;z-index:1}.method-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.method-badge.bg-success{background:var(--success-subtle);color:var(--success)}.method-badge.bg-warning{background:var(--warning-subtle);color:var(--warning)}.card-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.prepaid-card-mockup{max-width:250px;padding:1.5rem}.card-actions{flex-direction:column}.card-actions .btn{width:100%;margin-bottom:.5rem}.progress-steps{flex-direction:column;gap:1rem}.progress-steps:before{display:none}.step{flex-direction:row;justify-content:flex-start;width:100%;text-align:left}.step-circle{margin-right:1rem;margin-bottom:0}.hyperwallet-onboarding-step{padding:1rem}.benefit-card,.info-card{margin-bottom:1rem}}@media (max-width:480px){.prepaid-card-mockup{max-width:220px;padding:1.25rem}.prepaid-card-mockup .card-number{font-size:1rem;letter-spacing:1px}.prepaid-card-mockup .card-name{font-size:.75rem}.prepaid-card-mockup .card-brand{font-size:1rem}}}