@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";
:root{--primary:#007aff;--primary-foreground:#fff;--secondary:#5856d6;--background:#f5f5f7;--foreground:#1d1d1f;--card:#fff;--card-foreground:#1d1d1f;--muted:#e5e5ea;--muted-foreground:#8e8e93;--accent:#007aff;--accent-foreground:#fff;--border:#0000001a;--payiq-accent:#007aff;--payiq-accent-secondary:#0056b3;--payiq-accent-glow:#007aff40;--payiq-surface-glass:#ffffffb3;--radius:1rem;--font-body:"Inter", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--mesh-gradient:radial-gradient(circle at 70% 30%, #007aff14 0%, transparent 40%), radial-gradient(circle at 20% 80%, #007aff0d 0%, transparent 40%);--sidebar-width:280px}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#f5f5f7;--card:#1c1c1e;--card-foreground:#f5f5f7;--muted:#3a3a3c;--muted-foreground:#8e8e93;--border:#ffffff26;--payiq-surface-glass:#1c1c1eb3;--mesh-gradient:radial-gradient(circle at 70% 30%, #007aff1a 0%, transparent 40%), radial-gradient(circle at 20% 80%, #007aff0f 0%, transparent 40%)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}.logo{color:var(--payiq-accent);font-size:1.5rem;font-weight:800;font-family:var(--font-heading);text-decoration:none}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--foreground);opacity:.8;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:1}.glass{background:var(--payiq-surface-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);flex:1;max-width:1200px;padding:2rem}.nav-group{margin-top:2rem}.nav-item{color:var(--foreground);opacity:.7;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .1s;display:flex}.nav-item:hover{background:var(--muted);opacity:1}.nav-item.active{background:var(--primary);color:#fff;opacity:1}@media (prefers-color-scheme:dark){.nav-item:hover{background:var(--muted)}}.badge{text-transform:uppercase;border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:#34c759;background:#34c75926}.badge-warning{color:#ff9500;background:#ff950026}.badge-danger{color:#ff3b30;background:#ff3b3026}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);gap:1.25rem;display:grid}.bento-item{background:var(--payiq-surface-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-item:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.bento-item.col-2{grid-column:span 2}.bento-item.col-3{grid-column:span 3}.bento-item.row-2{grid-row:span 2}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn:hover{box-shadow:0 10px 20px var(--payiq-accent-glow);transform:scale(1.05)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--muted);color:var(--foreground)}.admin-btn{cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600}table{border-collapse:collapse;width:100%;margin-top:1rem}th{text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:1rem;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:1rem}tr:hover{background:#007aff05}.mesh-bg{position:relative}.mesh-bg:before{content:"";background:var(--mesh-gradient);z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.hero{text-align:center;padding-top:10rem;padding-bottom:6rem}.hero h1{margin-bottom:1.5rem;font-size:4.5rem;line-height:1.1}.hero p{color:var(--muted-foreground);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.section-title{text-align:center;margin-bottom:4rem;font-size:3rem}.text-accent{color:var(--payiq-accent)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{text-align:left;background:var(--payiq-surface-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);padding:3rem}.feature-card h3{margin-bottom:1rem;font-size:2rem}.feature-card p{color:var(--muted-foreground)}.marquee-container{white-space:nowrap;padding:2rem 0;position:relative;overflow:hidden}.marquee-content{gap:2rem;animation:40s linear infinite marquee;display:inline-flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bank-logo{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;padding:10px;display:flex}.bank-logo img{object-fit:contain;max-width:100%;max-height:100%}.accordion{max-width:800px;margin:0 auto}.accordion-item{border:1px solid var(--border);background:var(--payiq-surface-glass);border-radius:12px;margin-bottom:1rem;overflow:hidden}.accordion-header{width:100%;color:var(--foreground);font-family:var(--font-heading);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.accordion-content{max-height:0;padding:0 1.5rem;transition:max-height .3s ease-out;overflow:hidden}.accordion-item.active .accordion-content{max-height:200px;padding-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.landing-header{z-index:100;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:0}.landing-header .container{justify-content:space-between;align-items:center;display:flex}.landing-header nav{justify-content:space-between;align-items:center;width:100%;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}