:root{--primary:#258b52;--primary-dark:#15803d;--success:#258b52;--text-primary:#1e1e1e;--text-secondary:#374151;--border:#e2e8f0;--bg-subtle:#f1f3f5;--bg-main:#fff;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;margin:0;padding:0;overflow:hidden}body{color:var(--text-primary);background:var(--bg-subtle);padding-top:60px;padding-bottom:calc(70px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}.container{-webkit-overflow-scrolling:touch;height:calc(100dvh - 130px);padding:0 8px;overflow-y:auto}.top-bar{border-bottom:1px solid var(--border);z-index:1000;will-change:transform;backface-visibility:hidden;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;padding:12px 20px;display:grid;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.logo{color:var(--text-primary);font-size:24px;font-weight:900;text-decoration:none}.logo-dot{color:var(--text-primary)}.logo-nl{color:#15803d}.bottom-nav{border-top:1px solid var(--border);padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:1000;will-change:transform;backface-visibility:hidden;background:#fff;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.bottom-nav-two-items{justify-content:center;align-items:center;gap:12px;height:60px;padding:12px 20px;display:flex}.nav-item{color:#64748b;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item-large{flex:1;gap:5px;height:52px;padding:4px 10px;font-size:14px}.nav-item svg{stroke:#64748b;transition:all .2s}@media (hover:hover) and (pointer:fine){.nav-item:not(.active):hover{background:#f0fdf4}}.nav-item.active{color:#fff;background:#15803d}.nav-item.active svg{stroke:#fff}.nav-item.active:hover,.nav-item.active:focus,.nav-item.active:active{outline:none;background:#e6f4ee!important}.menu-overlay{z-index:9998;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.menu-overlay.active{opacity:1;visibility:visible}.hamburger-menu{z-index:9999;background:#fff;width:85%;max-width:400px;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 12px #0000001a}.hamburger-menu.active{right:0}.menu-header{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.menu-close{cursor:pointer;background:0 0;border:none;padding:8px}.menu-content{padding:20px}.menu-section{margin-bottom:32px}.menu-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:700}.menu-item{color:var(--text-primary);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;text-decoration:none;transition:background .2s;display:flex}.menu-item:hover{background:var(--bg-subtle)}.menu-item-content{flex:1}.menu-item-title{font-size:15px;font-weight:600}.menu-item-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.package-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:10px;margin-bottom:12px;padding:16px}.package-card.plus,.package-card.pro,.package-card.finance{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.package-card.active{border:2px solid #15803d;box-shadow:0 0 0 3px #15803d1a}.package-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.package-name{font-size:18px;font-weight:700}.package-price{color:var(--primary);font-size:16px;font-weight:700}.package-features{gap:6px;display:grid}.package-feature{color:var(--text-secondary);font-size:13px}.toast{color:#fff;z-index:10000;opacity:0;background:#1e1e1e;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/1000px 100%;border-radius:8px;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.confetti{background:var(--primary);pointer-events:none;z-index:9999;width:10px;height:10px;animation:3s ease-out forwards confetti-fall;position:fixed}@keyframes confetti-fall{to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.cookie-consent{border-top:1px solid var(--border);z-index:10001;background:#fff;padding:16px 20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.onboarding-overlay{z-index:10002;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:500px;padding:32px;overflow:visible;box-shadow:0 8px 24px #0003}.price-slider{appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.price-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.price-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}