@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-black:#000;--color-white:#fff;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-dark:#4f46e5;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-rate-0:#10b981;--color-rate-5:#34d399;--color-rate-12:#fbbf24;--color-rate-18:#f97316;--color-rate-28:#ef4444;--color-rate-3:#a78bfa;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #6366f126;--shadow-glow-strong:0 0 40px #6366f140;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--color-zinc-950);color:var(--color-zinc-100);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{z-index:100;padding:var(--space-4)var(--space-8);-webkit-backdrop-filter:blur(16px);background:#09090bb3;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--space-3);font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.03em;color:var(--color-white);display:flex}.nav-brand-accent{color:var(--color-accent)}.nav-links{align-items:center;gap:var(--space-8);display:flex}.nav-link{font-size:var(--font-size-sm);color:var(--color-zinc-400);transition:color var(--transition-normal);align-items:center;min-height:44px;font-weight:500;display:flex}.nav-link:hover{color:var(--color-white)}.hero{min-height:100vh;padding:var(--space-32)var(--space-8)var(--space-16);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-badge{align-items:center;gap:var(--space-2);color:var(--color-accent-light);padding:var(--space-2)var(--space-4);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-8);background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(var(--font-size-4xl),6vw,var(--font-size-6xl));letter-spacing:-.04em;text-align:center;max-width:800px;margin-bottom:var(--space-6);color:var(--color-white);font-weight:900;line-height:1.05}.hero-title-accent{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-zinc-400);text-align:center;max-width:560px;margin-bottom:var(--space-12);line-height:1.7}.search-container{width:100%;max-width:640px;position:relative}.search-input-wrap{border-radius:var(--radius-xl);background:var(--color-zinc-900);box-shadow:var(--shadow-glow);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);border:1px solid #ffffff14;position:relative}.search-input-wrap:focus-within{box-shadow:var(--shadow-glow-strong),0 0 0 4px #6366f11a;border-color:#6366f180;animation:2s infinite search-ring-pulse}@keyframes search-ring-pulse{0%,to{box-shadow:var(--shadow-glow-strong),0 0 0 4px #6366f11a}50%{box-shadow:var(--shadow-glow-strong),0 0 0 6px #6366f10f}}.search-icon{left:var(--space-6);color:var(--color-zinc-500);pointer-events:none;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-5)var(--space-6)var(--space-5)3.5rem;font-size:var(--font-size-lg);font-family:var(--font-sans);color:var(--color-white);background:0 0;border:none;outline:none;min-height:60px;font-weight:500}.search-input::placeholder{color:var(--color-zinc-600)}.search-spinner{right:var(--space-6);border:2px solid #6366f14d;border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;position:absolute;top:50%;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.search-kbd{right:var(--space-6);gap:var(--space-1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-kbd kbd{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-zinc-500);background:var(--color-zinc-800);border:1px solid var(--color-zinc-700);border-radius:4px;padding:2px 6px}.results-container{width:100%;max-width:640px;margin-top:var(--space-8)}.results-header{margin-bottom:var(--space-4);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.results-label{font-size:var(--font-size-sm);color:var(--color-zinc-400);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.confidence-badge{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-3);border-radius:9999px;font-weight:600}.confidence-badge.high{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.confidence-badge.low{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.low-confidence-notice{align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#fbbf24;background:#fbbf240f;border:1px solid #fbbf2426;display:flex}.result-card{background:var(--color-zinc-900);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-3);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;border:1px solid #ffffff0f;text-decoration:none;display:block}.result-card:hover{box-shadow:var(--shadow-glow);border-color:#6366f14d;transform:scale(1.02)}.result-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.result-hsn-code{font-size:var(--font-size-xl);color:var(--color-white);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800}.result-gst-badge{font-size:var(--font-size-sm);padding:var(--space-1)var(--space-3);white-space:nowrap;border-radius:9999px;font-weight:700}.result-gst-badge[data-rate="0%"]{color:var(--color-rate-0);background:#10b9811f}.result-gst-badge[data-rate="3%"]{color:var(--color-rate-3);background:#a78bfa1f}.result-gst-badge[data-rate="5%"]{color:var(--color-rate-5);background:#34d3991f}.result-gst-badge[data-rate="12%"]{color:var(--color-rate-12);background:#fbbf241f}.result-gst-badge[data-rate="18%"]{color:var(--color-rate-18);background:#f973161f}.result-gst-badge[data-rate="28%"]{color:var(--color-rate-28);background:#ef44441f}.result-gst-badge[data-rate="40%"]{color:#f87171;background:#dc262626}.result-description{font-size:var(--font-size-sm);color:var(--color-zinc-400);margin-bottom:var(--space-3);line-height:1.5}.result-category{font-size:var(--font-size-xs);color:var(--color-zinc-600);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.result-type-badge{font-size:var(--font-size-xs);margin-right:var(--space-2);letter-spacing:.04em;vertical-align:middle;border-radius:6px;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.result-type-badge[data-type=HSN]{color:var(--color-accent-light);background:#6366f11f}.result-type-badge[data-type=SAC]{color:#34d399;background:#10b9811f}.result-gst-badge[data-rate="0.25%"]{color:var(--color-rate-3);background:#a78bfa1f}.categories{justify-content:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;max-width:640px;display:flex}.category-chip{font-size:var(--font-size-xs);color:var(--color-zinc-400);padding:var(--space-2)var(--space-4);cursor:pointer;transition:all var(--transition-normal);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;align-items:center;min-height:36px;font-weight:500;display:flex}.category-chip:hover{color:var(--color-accent-light);background:#6366f11a;border-color:#6366f14d;transform:scale(1.05)}.empty-state{text-align:center;padding:var(--space-12)var(--space-4)}.empty-state-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-2);font-weight:700}.empty-state-text{font-size:var(--font-size-sm);color:var(--color-zinc-500)}.suggestions-list{align-items:center;gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;display:flex}.suggestion-item{font-size:var(--font-size-sm);color:var(--color-zinc-400);cursor:pointer;transition:color var(--transition-normal);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);align-items:center;min-height:44px;display:flex}.suggestion-item:hover{color:var(--color-accent-light);background:#6366f10f}.lead-magnet{z-index:90;-webkit-backdrop-filter:blur(16px);padding:var(--space-4)var(--space-8);background:#09090bd9;border-top:1px solid #ffffff0f;position:fixed;bottom:0;left:0;right:0}.lead-magnet-inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;margin:0 auto;display:flex}.lead-magnet-text{font-size:var(--font-size-sm);color:var(--color-zinc-300);flex:1;font-weight:500}.lead-magnet-text strong{color:var(--color-white)}.lead-magnet-cta{align-items:center;gap:var(--space-2);background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-sm);padding:var(--space-3)var(--space-6);cursor:pointer;white-space:nowrap;min-height:44px;transition:all var(--transition-normal);box-shadow:var(--shadow-glow);border:none;border-radius:9999px;font-weight:600;display:inline-flex}.lead-magnet-cta:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-glow-strong);transform:scale(1.05)}.lead-magnet-close{color:var(--color-zinc-500);cursor:pointer;padding:var(--space-2);min-width:44px;min-height:44px;font-size:var(--font-size-lg);transition:color var(--transition-normal);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.lead-magnet-close:hover{color:var(--color-white);background:#ffffff0f}.page-container{max-width:800px;padding:var(--space-32)var(--space-8)var(--space-24);margin:0 auto}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-zinc-500);margin-bottom:var(--space-8);display:flex}.breadcrumb a{color:var(--color-zinc-400);transition:color var(--transition-normal)}.breadcrumb a:hover{color:var(--color-accent-light)}.breadcrumb-sep{color:var(--color-zinc-700)}.detail-hero{background:var(--color-zinc-900);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-10);border:1px solid #ffffff0f;position:relative;overflow:hidden}.detail-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.detail-hero-category{font-size:var(--font-size-xs);color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:600}.detail-hero-code{font-size:var(--font-size-5xl);color:var(--color-white);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);font-weight:900}.detail-hero-desc{font-size:var(--font-size-xl);color:var(--color-zinc-300);margin-bottom:var(--space-6);line-height:1.5}.detail-hero-rate{align-items:center;gap:var(--space-2);font-size:var(--font-size-2xl);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-weight:800;display:inline-flex}.section{margin-bottom:var(--space-10)}.section-title{font-size:var(--font-size-2xl);color:var(--color-white);letter-spacing:-.03em;margin-bottom:var(--space-6);font-weight:800}.guide-card{background:var(--color-zinc-900);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid #ffffff0f}.guide-item{padding:var(--space-4)0;border-bottom:1px solid #ffffff0a}.guide-item:last-child{border-bottom:none}.guide-item-title{font-size:var(--font-size-base);color:var(--color-white);margin-bottom:var(--space-2);font-weight:700}.guide-item-text{font-size:var(--font-size-sm);color:var(--color-zinc-400);line-height:1.7}.faq-item{background:var(--color-zinc-900);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-3);border:1px solid #ffffff0f}.faq-question{font-size:var(--font-size-base);color:var(--color-white);margin-bottom:var(--space-3);font-weight:700}.faq-answer{font-size:var(--font-size-sm);color:var(--color-zinc-400);line-height:1.7}.related-codes{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.stats-row{justify-content:center;gap:var(--space-12);margin-top:var(--space-16);padding:var(--space-8)0;border-top:1px solid #ffffff0a;display:flex}.stat-item{text-align:center}.stat-value{font-size:var(--font-size-3xl);color:var(--color-white);letter-spacing:-.03em;font-weight:900}.stat-label{font-size:var(--font-size-xs);color:var(--color-zinc-500);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1);font-weight:600}.footer{padding:var(--space-16)var(--space-8)var(--space-32);text-align:center;border-top:1px solid #ffffff0a}.footer-text{font-size:var(--font-size-sm);color:var(--color-zinc-600)}@media (max-width:768px){.nav{padding:var(--space-3)var(--space-4)}.nav-links{display:none}.hero{padding:var(--space-24)var(--space-4)var(--space-12)}.hero-subtitle{font-size:var(--font-size-base)}.search-input{font-size:var(--font-size-base);min-height:52px;padding:var(--space-4)var(--space-4)var(--space-4)3rem}.search-icon{left:var(--space-4)}.search-kbd{display:none}.results-container{background:var(--color-zinc-950);border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;max-height:60vh;padding:var(--space-4);z-index:80;-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff14;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.results-container:before{content:"";background:var(--color-zinc-700);width:32px;height:4px;margin:0 auto var(--space-4);border-radius:2px;display:block}.result-card{border-radius:var(--radius-lg);padding:var(--space-4)}.lead-magnet-inner{text-align:center;flex-direction:column}.lead-magnet-text{font-size:var(--font-size-xs)}.page-container{padding:var(--space-24)var(--space-4)var(--space-20)}.detail-hero{padding:var(--space-6)}.detail-hero-code{font-size:var(--font-size-4xl)}.stats-row{gap:var(--space-6)}.related-codes{grid-template-columns:1fr}.categories{padding:0 var(--space-2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeInUp}.animate-delay-1{animation-delay:50ms}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}