@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";:root{--primary-blue: #3b42f3;--accent-green: #25d366;--bg-white: #ffffff;--bg-offwhite: #f8f9fa;--text-dark: #1f2328;--text-secondary: #636c76;--text-muted: #8c959f;--text-white: #ffffff;--error: #cf222e;--success: #1a7f37;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-pill: 100px;--radius-lg: 16px;--radius-md: 12px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-dark);background-color:var(--bg-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background-color:var(--bg-white);overflow-x:hidden}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:800;line-height:1.1}a{text-decoration:none;transition:all .2s ease}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.navbar{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid #e1e4e8;position:sticky;top:0;z-index:1000}.nav-brand{display:flex;align-items:center;gap:.5rem}.brand-logo{height:32px;width:auto}.brand-name{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;display:flex}.brand-price{color:var(--text-dark)}.brand-hut{color:var(--primary-blue)}.whatsapp-btn{background:var(--accent-green);color:#fff;padding:.5rem 1.25rem;border-radius:var(--radius-pill);font-weight:700;font-size:.85rem;display:flex;align-items:center;transition:all .2s}.whatsapp-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.hero-section{padding:4rem 2rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem);color:var(--text-dark)}.hero-title span{color:var(--primary-blue)}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px}.search-container{width:100%;max-width:800px;background:#fff;padding:.5rem;border-radius:var(--radius-pill);display:flex;align-items:center;border:1px solid #e1e4e8;box-shadow:0 4px 20px #0000000a;margin-top:1rem}.search-input{flex:1;border:none;background:transparent;font-size:1.1rem;padding:.75rem 0;color:var(--text-dark);font-family:inherit;min-width:0}.search-input:focus{outline:none}.paste-btn{background:#f1f3f5;color:var(--text-dark);border:none;padding:.5rem 1rem;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;cursor:pointer;margin:0 .5rem;display:flex;align-items:center;transition:all .2s}.paste-btn:hover{background:#e9ecef}.search-btn{background:var(--primary-blue);color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.search-btn:hover:not(:disabled){filter:brightness(1.1)}.search-btn:disabled{opacity:.7}.content-area{max-width:800px;margin:0 auto 4rem;padding:0 2rem}.result-card{background:#fff;border-radius:var(--radius-lg);padding:2.5rem;border:1px solid #e1e4e8;box-shadow:0 2px 12px #00000005}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--primary-blue)}.result-pre{background:#f8fafc;padding:1.5rem;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;white-space:pre-wrap;color:var(--text-dark);border:1px solid #e1e4e8}.error-box{background:#fff5f5;color:var(--error);padding:1rem;border-radius:var(--radius-md);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;border:1px solid #fee2e2}.app-footer{margin-top:auto;text-align:center;padding:1.5rem 0;color:var(--text-muted);font-size:.85rem;border-top:1px solid #f1f3f5}@media(max-width:640px){.navbar{padding:0 1rem}.search-container{padding:.4rem}.search-btn{padding:.75rem 1.25rem}}