:root{--primary:#111827;--primary-light:#374151;--primary-glow:#2563eb14;--accent-blue:#2563eb;--accent-green:#059669;--gradient-main:linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);--gradient-green:linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-mix:linear-gradient(135deg, #2563eb 0%, #10b981 100%);--sidebar-width:270px;--sidebar-bg:#fff;--sidebar-header-bg:#fff;--sidebar-border:#e2e8f0;--bg-color:#f8fafc;--surface-color:#fff;--surface-2:#f1f5f9;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-on-dark:#fff;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 2px 4px #0f172a0a, 0 1px 2px #0f172a05;--shadow:0 4px 12px #0f172a0d, 0 2px 4px #0f172a08;--shadow-hover:0 20px 40px #0f172a14, 0 8px 16px #0f172a0a;--shadow-card:0 0 0 1px #0f172a08, 0 10px 30px #0f172a0a;--shadow-card-hover:0 0 0 1px var(--accent-blue), 0 20px 40px #2563eb1f;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--border-radius:var(--radius-lg);--border-radius-sm:var(--radius-md);--border-radius-xs:var(--radius-sm);--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--chart-color-1:#2563eb;--chart-color-2:#10b981;--chart-color-3:#0ea5e9;--chart-color-4:#f43f5e;--cat-mf:#2563eb;--cat-dep:#059669;--cat-govt:#8b5cf6;--cat-loan:#f59e0b;--text-color:var(--text-primary);--brand-color:var(--accent-blue);--bg-surface:var(--surface-color);--bg-body:var(--bg-color);--bg-secondary:var(--surface-2);--background-color:var(--bg-color);--primary-glow-md:#2563eb24;--shadow-md:var(--shadow-hover);--border-radius-md:var(--radius-md);--mobile-topbar-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;font-size:15px;line-height:1.6;position:relative;overflow-x:hidden}#root{width:100%;max-width:100vw;position:relative;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}@media (width<=768px){input,select,textarea{font-size:16px!important}h1,h2,h3,h4,p,li,td,th,summary{overflow-wrap:break-word;word-break:break-word}}a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:4px}@media (hover:none) and (pointer:coarse){button,a.calc-card,a.nav-item,a.nav-home,.faq-item summary{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700}h1{font-size:2.5rem;line-height:1.2}h2{font-size:1.8rem;line-height:1.3}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-hover);border:2px solid var(--bg-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:100;flex-direction:column;height:100dvh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:1px 0 10px #00000005}@media (width<=768px){.sidebar{width:min(84vw,300px);padding-bottom:env(safe-area-inset-bottom)}.nav-item{padding:11px 12px;font-size:13.5px}.nav-group-trigger{padding:11px 12px}.nav-group-label{font-size:13.5px}.nav-home{padding:11px 14px;font-size:14px}.sidebar-search-input{padding:11px 12px 11px 34px}.sidebar-footer-links a{padding:2px 0;font-size:12px}}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-header-bg);flex-shrink:0;align-items:center;gap:12px;padding:24px 20px 20px;display:flex}.brand-text{flex-direction:column;gap:2px;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.5px;font-size:18px;font-weight:800;line-height:1}.brand-tagline{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10.5px;font-weight:600}.sidebar-search{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-bg);flex-shrink:0;padding:12px 20px;position:relative}.sidebar-search-icon{color:var(--text-muted);opacity:.7;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.sidebar-search-input{background:var(--surface-2);border-radius:var(--radius-md);width:100%;color:var(--text-primary);border:1px solid #0000;outline:none;padding:8px 12px 8px 34px;font-size:13px;transition:all .2s}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-input:focus{border-color:var(--primary);background:var(--surface-color);box-shadow:0 0 0 2px var(--primary-glow)}.sidebar-no-results{text-align:center;color:var(--text-muted);padding:20px;font-size:12.5px}.sidebar-nav{flex:1;padding:14px 0 20px;overflow:hidden auto}.nav-home{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;margin:0 12px 6px;padding:9px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.nav-home:hover{background:var(--surface-2);color:var(--text-primary)}.nav-home.active{background:var(--primary-glow-md);color:var(--primary)}.nav-section-label{letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase;padding:16px 22px 8px;font-size:10px;font-weight:700}.nav-group{margin:1px 10px}.nav-group-trigger{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:all .15s;display:flex}.nav-group-trigger:hover{background:var(--surface-2)}.nav-group-trigger.has-active{background:var(--primary-glow)}.nav-group-icon{width:18px;height:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-group-label{color:var(--text-secondary);flex:1;font-size:12.5px;font-weight:600;line-height:1}.nav-group-trigger:hover .nav-group-label,.nav-group-trigger.has-active .nav-group-label{color:var(--text-primary)}.nav-group-chevron{color:var(--text-muted);flex-shrink:0;align-items:center;transition:transform .22s;display:flex}.nav-group-chevron.rotated{transform:rotate(180deg)}.nav-group-items{max-height:0;padding-left:10px;transition:max-height .26s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-group.open .nav-group-items{max-height:600px}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:8px;margin:2px 0;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item.active{background:var(--primary-glow);color:var(--text-primary);border-left-color:var(--group-color,var(--primary));font-weight:600}.nav-item-icon{color:inherit;opacity:.6;flex-shrink:0;align-items:center;display:flex}.nav-item.active .nav-item-icon{opacity:1;color:var(--group-color,var(--primary))}.nav-item-label{line-height:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar-header-bg);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px;display:flex}.sidebar-footer-links{flex-direction:column;gap:6px;display:flex}.sidebar-footer-links a{color:var(--text-secondary);font-size:11px;font-weight:500;transition:color .15s}.sidebar-footer-links a:hover{color:var(--text-primary);text-decoration:underline}.sidebar-footer-bottom{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.sidebar-footer-copyright{color:var(--text-muted);font-size:10.5px;font-weight:500}.sidebar-footer-text{color:var(--text-muted);align-items:center;gap:4px;font-size:10.5px;font-weight:500;display:flex}.global-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:32px;width:100%;max-width:1100px;margin-top:60px;padding:48px 0 32px;display:flex}.footer-grid{grid-template-columns:repeat(6,1fr);gap:28px;display:grid}.footer-col{flex-direction:column;gap:16px;display:flex}.footer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:13.5px;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list a{color:var(--text-secondary);font-size:13.5px;transition:color .2s,transform .2s;display:inline-block}.footer-links-list a:hover{color:var(--accent-blue);transform:translate(2px)}.footer-bottom{border-top:1px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-trust-banner{background:var(--bg-secondary,#ffffff08);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;margin-bottom:16px;padding:24px 32px;display:flex}.trust-item{align-items:center;gap:16px;display:flex}.trust-icon{width:44px;height:44px;color:var(--accent-blue,#2b6cb0);background:#2b6cb026;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.trust-text{flex-direction:column;gap:4px;display:flex}.trust-text strong{color:var(--text-primary);font-size:14.5px;font-weight:700}.trust-text p{color:var(--text-muted);margin:0;font-size:13px}.footer-copy{color:var(--text-muted);font-size:13px}.footer-legal{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.footer-legal a{color:var(--text-muted)}.footer-legal a:hover{color:var(--accent-blue)}.footer-divider{color:var(--border-color)}@media (width<=1200px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (width<=900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.global-footer{gap:24px;margin-top:40px;padding:32px 0 24px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.footer-col{gap:12px;min-width:0}.footer-title{font-size:12.5px}.footer-links-list{gap:12px}.footer-links-list a{font-size:13px;line-height:1.5}.footer-links-list a:hover{transform:none}.footer-trust-banner{gap:18px;padding:18px}.trust-item{gap:12px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-trust-banner{flex-direction:column;align-items:flex-start;padding:20px}.footer-legal{flex-wrap:wrap;gap:8px 12px}}.cookie-consent-overlay{bottom:max(16px, env(safe-area-inset-bottom,16px));z-index:99999;box-sizing:border-box;width:calc(100% - 32px);max-width:520px;margin:0 auto;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;left:16px;right:16px}.cookie-consent-box{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:14px;width:100%;padding:18px 20px;display:flex;box-shadow:0 12px 40px -10px #00000040}@media (width>=640px){.cookie-consent-box{flex-direction:row;justify-content:space-between;align-items:center}}.cookie-consent-content h4{color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:15px;font-weight:700}.cookie-consent-content p{color:var(--text-secondary,#475569);margin:0;font-size:12.5px;line-height:1.5}.cookie-consent-content a{color:var(--accent-blue,#2563eb);font-weight:600;text-decoration:underline}.cookie-consent-actions{flex-shrink:0;width:100%}@media (width>=640px){.cookie-consent-actions{width:auto}}.cookie-btn{cursor:pointer;text-align:center;box-sizing:border-box;border:none;border-radius:10px;width:100%;min-height:46px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s}@media (width>=640px){.cookie-btn{width:auto}}.cookie-accept{background:var(--accent-blue,#2563eb);color:#fff;box-shadow:0 4px 12px #2563eb40}.cookie-accept:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.cookie-consent-overlay{width:calc(100% - 24px);left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom,12px))}.cookie-consent-box{border-radius:14px;gap:12px;padding:16px}.cookie-consent-content p{font-size:12px}}.embed-floating-btn{bottom:24px;bottom:max(24px, env(safe-area-inset-bottom));right:24px;right:max(24px, env(safe-area-inset-right));background:var(--accent-blue);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:fixed;box-shadow:0 4px 12px #2563eb4d}.embed-floating-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.is-embed .embed-floating-btn{display:none!important}.embed-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.embed-modal{background:var(--surface-color);border-radius:16px;width:100%;max-width:500px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 40px #0000001a}.embed-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.embed-modal-header h3{color:var(--text-primary);margin:0;font-size:18px}.embed-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.embed-close-btn:hover{background:var(--surface-2);color:var(--text-primary)}.embed-modal-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.embed-code-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px;overflow-x:auto}.embed-code-box code{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:13px}.embed-copy-btn{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.embed-copy-btn:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.embed-floating-btn{display:none}.embed-modal-overlay{align-items:flex-end;padding:16px}.embed-modal{border-radius:18px;max-height:85vh;padding:20px 18px;overflow-y:auto}.embed-close-btn{width:40px;height:40px}.embed-copy-btn{min-height:48px}}.home-wrap{background:var(--bg-color);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.home-navbar{-webkit-backdrop-filter:blur(16px);z-index:50;background:#fffc;border-bottom:1px solid #0f172a0d;align-items:center;width:100%;height:70px;display:flex;position:sticky;top:0}.home-navbar-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.home-brand-name{background:var(--gradient-main);-webkit-text-fill-color:transparent;letter-spacing:-.5px;background-size:200%;-webkit-background-clip:text;font-size:24px;font-weight:800;animation:6s linear infinite pulseGradient}.home-hero{text-align:center;justify-content:center;width:100%;padding:100px 24px 60px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#2563eb1a 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;left:20%}.home-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#fff0 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20%;right:10%}.home-hero-inner{z-index:1;max-width:800px}.home-hero-title{text-transform:uppercase;letter-spacing:-2px;background:var(--gradient-mix);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin-bottom:24px;font-size:80px;font-weight:800;line-height:1.1;animation:8s ease-in-out infinite pulseGradient}.home-hero-sub{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.6}.home-search-container{width:100%;max-width:500px;margin-top:32px;margin-left:auto;margin-right:auto;position:relative}.home-search-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.home-search-input{border-radius:var(--radius-xl);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0f172a1a;outline:none;padding:16px 20px 16px 48px;font-size:16px;transition:all .3s;box-shadow:0 4px 20px #0000000d}.home-search-input:focus{border-color:var(--accent-blue);background:#fff;box-shadow:0 4px 24px #2563eb26}.home-no-results{text-align:center;color:var(--text-secondary);background:var(--surface-color);border-radius:var(--radius-lg);border:1px dashed var(--border-color);padding:60px 20px;font-size:18px}.home-content{flex:1;justify-content:center;width:100%;padding:0 24px 80px;display:flex}.home-content-inner{flex-direction:column;gap:64px;width:100%;max-width:1200px;display:flex}.home-group{opacity:0;flex-direction:column;gap:24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex}.home-group:first-child{animation-delay:.1s}.home-group:nth-child(2){animation-delay:.2s}.home-group:nth-child(3){animation-delay:.3s}.home-group:nth-child(4){animation-delay:.4s}.home-group-header{align-items:center;gap:12px;display:flex}.home-group-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px}.home-group-title{letter-spacing:-.5px;font-size:22px;font-weight:700}.home-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.calc-card{background:var(--surface-color);box-shadow:var(--shadow-card);border:1px solid #fff9;border-radius:24px;align-items:center;gap:20px;padding:24px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.calc-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--c-color);transform:translateY(-6px)scale(1.02)}.calc-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.calc-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--c-color);background:#ffffff80;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0f172a0d}.calc-card:hover .calc-icon{background:var(--c-color);color:#fff;transform:rotate(5deg)scale(1.1);box-shadow:0 8px 16px #0000001a}.calc-info{z-index:1;flex-direction:column;flex:1;gap:4px;display:flex}.calc-name{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.calc-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.calc-arrow{color:var(--text-muted);transition:all .3s}.calc-card:hover .calc-arrow{color:var(--c-color);transform:translate(4px)}.home-footer{background:var(--surface-color);border-top:1px solid var(--border-color);justify-content:center;width:100%;margin-top:40px;padding:40px 24px;display:flex}.home-footer-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.footer-seo-link{color:var(--text-secondary);font-size:14px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.footer-seo-link:hover{color:var(--accent-blue);-webkit-text-decoration-color:var(--accent-blue);text-decoration-color:var(--accent-blue)}.home-footer-copy{color:var(--text-muted);font-size:14px}.home-footer-links{gap:24px;display:flex}.home-footer-links a{color:var(--text-secondary);font-size:14px;font-weight:500}.home-footer-links a:hover{color:var(--text-primary)}@media (width<=768px){.home-hero-title{letter-spacing:-1px;font-size:clamp(32px,11vw,48px)}.home-hero-sub{font-size:16px}.home-grid{grid-template-columns:1fr}.home-hero:before,.home-hero:after{display:none}.calc-card{border-radius:18px;gap:14px;min-height:72px;padding:16px}.calc-icon{border-radius:var(--radius-md);width:44px;height:44px}.calc-name{font-size:15px}.calc-desc{font-size:12.5px}.calc-card:hover{transform:none}.home-footer-inner{flex-direction:column;align-items:flex-start;gap:24px}.home-footer-links{flex-wrap:wrap;gap:12px 16px}}.home-category-accordion{grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;margin:0 auto;display:grid}.cat-accordion-card{background:linear-gradient(145deg, #fff, var(--surface-color));border:1px solid var(--border-color);will-change:transform, box-shadow;opacity:0;border-top:2px solid #fffc;border-radius:48px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d,inset 0 -6px #0000000a}.cat-accordion-card:not(.expanded):not(:hover){aspect-ratio:1}.cat-accordion-card.expanded{aspect-ratio:auto;border-color:var(--c-color);box-shadow:0 20px 50px #0000001a, inset 0 -6px 0 var(--c-color);transform:translateY(-8px)}@media (hover:hover) and (pointer:fine){.cat-accordion-card:hover{aspect-ratio:auto;border-color:var(--c-color);box-shadow:0 20px 50px #0000001a, inset 0 -6px 0 var(--c-color);transform:translateY(-8px)}}.cat-accordion-header{cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;padding:32px;transition:all .3s;display:flex}.cat-accordion-card.expanded .cat-accordion-header{flex:none;padding:32px 32px 16px}@media (hover:hover) and (pointer:fine){.cat-accordion-card:hover .cat-accordion-header{flex:none;padding:32px 32px 16px}}.cat-accordion-icon{width:72px;height:72px;color:var(--c-color);will-change:transform;background:#fffc;border-radius:50%;justify-content:center;align-items:center;font-size:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s,color .3s,box-shadow .3s;display:flex;box-shadow:0 8px 20px #0000000f,inset 0 2px 4px #fffc}.cat-accordion-card.expanded .cat-accordion-icon{background:var(--c-color);color:#fff;transform:scale(1.1);box-shadow:0 8px 16px #00000026}@media (hover:hover) and (pointer:fine){.cat-accordion-card:hover .cat-accordion-icon{background:var(--c-color);color:#fff;transform:scale(1.1);box-shadow:0 8px 16px #00000026}}.cat-accordion-info{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.cat-accordion-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800;transition:color .3s}.cat-accordion-card.expanded .cat-accordion-title{color:var(--c-color)}@media (hover:hover) and (pointer:fine){.cat-accordion-card:hover .cat-accordion-title{color:var(--c-color)}}.cat-accordion-sub{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.cat-accordion-tools-list,.cat-accordion-card.expanded .cat-accordion-tools-list{display:none}.cat-accordion-content{opacity:0;max-height:0;padding:0 24px;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s .1s,padding .4s;overflow:hidden}.cat-accordion-card.expanded .cat-accordion-content{opacity:1;max-height:2500px;padding:0 24px 24px}@media (hover:hover) and (pointer:fine){.cat-accordion-card:hover .cat-accordion-tools-list{display:none}.cat-accordion-card:hover .cat-accordion-content{opacity:1;max-height:2500px;padding:0 24px 24px}}.cat-accordion-toggle{display:none}.cat-accordion-content .home-grid{grid-template-columns:1fr;gap:12px}@media (width<=900px){.home-category-accordion{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.home-navbar{height:60px}.home-navbar-inner{padding:0 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.home-brand-name{font-size:20px}.home-hero{padding:40px 16px 32px}.home-hero-title{letter-spacing:-1px;overflow-wrap:break-word;word-break:break-word;font-size:clamp(30px,10vw,42px)}.home-hero-sub{padding:0 4px;font-size:15px}.home-search-container{margin-top:24px}.home-search-input{padding:14px 18px 14px 44px}.home-content{padding:0 16px 48px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.home-content-inner{gap:40px}.home-footer{padding:32px 16px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.home-category-accordion{grid-template-columns:1fr;gap:16px}.cat-accordion-card:not(.expanded){aspect-ratio:auto;height:auto;min-height:0}.cat-accordion-header{text-align:left;flex-direction:row;align-items:center;gap:14px;min-height:68px;padding:16px}.cat-accordion-icon{flex-shrink:0;width:46px;height:46px;font-size:20px}.cat-accordion-info{text-align:left;align-items:flex-start;gap:3px;min-width:0}.cat-accordion-title{font-size:17px}.cat-accordion-sub{font-size:11.5px}.cat-accordion-card{border-radius:20px}.cat-accordion-card.expanded .cat-accordion-header{padding:16px}.cat-accordion-content{padding:0 14px}.cat-accordion-card.expanded .cat-accordion-content{padding:0 14px 16px}.home-group-title{font-size:18px}}.app-container{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{margin-left:var(--sidebar-width);background:var(--bg-color);flex-direction:column;flex:1;align-items:center;min-height:100vh;padding:40px 48px;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex}.main-content.full-width{background:var(--bg-color);margin-left:0;padding:0;display:block}.main-content>div{width:100%}.page-title{color:var(--text-primary);letter-spacing:-.04em;width:100%;max-width:1100px;margin-bottom:6px;font-size:32px;font-weight:800;line-height:1.1}.page-subtitle{color:var(--text-muted);width:100%;max-width:1100px;margin-top:0;margin-bottom:28px;font-size:14.5px;font-weight:400;line-height:1.6}.calculator-layout{background:var(--surface-color);border-radius:var(--radius-xl);box-shadow:0 0 0 1px var(--border-color), 0 20px 60px #0f172a14;border:none;grid-template-columns:1fr 380px;align-items:stretch;gap:0;width:100%;max-width:1100px;margin:0 auto;display:grid;position:relative;overflow:hidden}.calc-inputs{border-right:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;min-height:480px;padding:40px 44px;display:flex}.calc-results{background:#fafbff;flex-direction:column;justify-content:center;gap:16px;min-height:480px;padding:40px 36px;display:flex}.calculator-layout:before{content:"";z-index:1;background:linear-gradient(90deg,#2563eb 0%,#0ea5e9 50%,#10b981 100%);width:100%;height:3px;position:absolute;top:0;left:0}@media (width<=1100px){.calculator-layout{grid-template-columns:1fr}.calc-inputs{border-right:none;border-bottom:1px solid var(--border-color)}}.mobile-topbar{z-index:120;height:var(--mobile-topbar-height);padding:0 8px 0 4px;padding-right:max(8px, env(safe-area-inset-right));padding-left:max(4px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffe6;align-items:center;gap:4px;display:none;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;color:var(--text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:none}.mobile-menu-btn:active{background:var(--surface-2);color:var(--accent-blue)}.mobile-topbar-brand{letter-spacing:-.4px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.mobile-topbar-link{border:1px solid var(--border-color);background:var(--surface-color);height:36px;color:var(--text-secondary);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;background:#0f172a66;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}@media (width<=768px){.mobile-topbar,.mobile-menu-btn{display:flex}.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.mobile-open{box-shadow:var(--shadow-card-hover);transform:translate(0)}.main-content{padding:calc(var(--mobile-topbar-height) + 16px) 16px 32px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));margin-left:0}.main-content.full-width{padding:0}.calculator-layout{border-radius:var(--radius-lg)}.calc-inputs,.calc-results{min-height:0;padding:24px 18px}.page-title{letter-spacing:-.02em;font-size:26px}.page-subtitle{margin-bottom:20px;font-size:14px}.ad-slot{margin:20px 0}}@media (width<=480px){.main-content{padding:calc(var(--mobile-topbar-height) + 12px) 14px 24px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.calculator-layout{border-radius:var(--radius-lg)}.calc-inputs,.calc-results{padding:22px 14px}.page-title{font-size:23px}}.ad-slot{justify-content:center;align-items:stretch;width:100%;max-width:1100px;margin:30px 0;display:flex}.is-embed .main-content{background:0 0!important;min-height:auto!important;margin:0!important;padding:16px!important}.is-embed .calculator-layout{border:1px solid var(--border-color);max-width:100%;box-shadow:0 2px 8px #0000000d}.is-embed .main-content>div>div:not(.calculator-layout),.is-embed .page-title,.is-embed .page-subtitle,.is-embed .mobile-topbar{display:none!important}
