@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#f5f7f4;--bg-warm:#eef2ec;--surface:#fff;--text:#1b2e1b;--text2:#3d5a3d;--text3:#7a9178;--accent:#1b4332;--accent-soft:#d8f3dc;--accent-light:#b7e4c7;--orange:#d4a03c;--orange-soft:#fdf6e3;--slate:#2d3b2d;--slate-soft:#eef2ec;--blue:#1b4332;--blue-soft:#d8f3dc;--green:#1b4332;--green-soft:#d8f3dc;--red:#9b2c2c;--red-soft:#fee2e2;--amber:#b8860b;--amber-soft:#fdf6e3;--border:#d4ddd0;--border-hover:#b7c4b2;--footer-bg:#0d1f15;--footer-text:#8baf8b;--radius:10px;--max-width:1120px;--font-display:"Sora","Arial",sans-serif;--font-body:"Plus Jakarta Sans","Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3{color:var(--text)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}article{font-size:1.0625rem;line-height:1.8}article h1{font-size:2.25rem;margin-bottom:1rem;margin-top:2rem}article h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}article h3{font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem;font-family:var(--font-body);font-weight:600}article p{margin-bottom:1rem;color:var(--text2)}article ol,article ul{margin-bottom:1rem;margin-left:1.5rem}article li{margin-bottom:.5rem;color:var(--text2)}article a{color:var(--orange);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}article a:hover{border-bottom-color:var(--orange)}article blockquote{border-left:3px solid var(--accent);padding:1rem 1.25rem;margin:1.5rem 0;background:var(--bg-warm);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--text2)}article img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5rem 0}.main-content,.site-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.main-content{padding-bottom:64px}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 8px rgba(30,58,95,.15)}.btn-primary:hover{background:#15304f;transform:translateY(-2px);box-shadow:0 4px 16px rgba(30,58,95,.25)}.btn-orange{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--orange);color:#fff;border:none;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 8px rgba(232,145,58,.2)}.btn-orange:hover{background:#d07e2a;transform:translateY(-2px);box-shadow:0 4px 16px rgba(232,145,58,.3)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(30,58,95,.08);transform:translateY(-4px)}.score-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:800}.score-excellent{color:var(--green)}.score-good{color:var(--amber)}.score-average{color:var(--red)}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border-radius:6px;font-size:.75rem;font-weight:700;font-family:var(--font-body);letter-spacing:.3px}.tag-accent{background:var(--accent-soft);color:var(--accent)}.tag-orange{background:var(--orange-soft);color:var(--orange)}.tag-green{background:var(--green-soft);color:var(--green)}.tag-amber{background:var(--amber-soft);color:var(--amber)}.tag-neutral,.tag-slate{background:var(--slate-soft);color:var(--slate)}.info-box{background:var(--amber-soft);border:1px solid var(--amber);border-radius:10px;padding:1.25rem 1.5rem}.info-box-title{font-size:.9rem;font-weight:700;color:var(--amber);margin-bottom:.5rem}.info-box-text{font-size:.9rem;color:#8b7000;line-height:1.6}.trust-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text2);font-family:var(--font-body)}.affiliate-disclosure{padding:1.25rem 1.5rem;background:var(--slate-soft);border-radius:10px;font-size:.85rem;color:var(--text2);border:1px solid var(--border);line-height:1.6}.hover-lift:hover{border-color:var(--accent)!important;box-shadow:0 8px 24px rgba(30,58,95,.08);transform:translateY(-4px)}.hover-slide:hover{background-color:var(--bg-warm)}.hover-arrow:hover,.hover-footer-link:hover,.hover-slide:hover{transform:translateX(4px)}.hover-footer-link:hover{color:var(--orange)!important}.hover-product-row:hover{background-color:var(--bg-warm);transform:translateX(4px)}.hover-btn-secondary:hover{background:var(--accent)!important;color:#fff!important}.guide-card:hover{box-shadow:0 8px 24px rgba(30,58,95,.08)}@media (max-width:768px){.main-content,.site-container{padding:0 1rem}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}article{font-size:1rem}article h1{font-size:1.5rem}article h2{font-size:1.25rem}article h3{font-size:1.1rem}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(30,58,95,.06)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.hover-lift:hover{transform:translateY(-3px)}}@media (max-width:480px){:root{--radius:10px}.main-content,.site-container{padding:0 .875rem}h1{font-size:1.5rem}h2{font-size:1.15rem}article h1{font-size:1.35rem;margin-top:1.5rem}article h2{font-size:1.15rem;margin-top:1.75rem}article h3{font-size:1.05rem}article p{font-size:.95rem}.btn-orange,.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:.85rem;min-height:44px}.card:hover{box-shadow:0 4px 12px rgba(30,58,95,.06)}.card:hover,.hover-arrow:hover,.hover-footer-link:hover,.hover-lift:hover,.hover-product-row:hover,.hover-slide:hover{transform:none}.affiliate-disclosure,.info-box{padding:1rem 1.125rem}}@media (max-width:375px){.main-content,.site-container{padding:0 .75rem}h1{font-size:1.35rem}.btn-primary,.btn-secondary{padding:.7rem 1.25rem;font-size:.8rem}}.hero-pill:hover{background:hsla(0,0%,100%,.3)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:var(--accent)!important}.cookie-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cookieFadeIn .25s ease-out}.cookie-banner{position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:420px;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--border,#ffe8ed);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);padding:20px 22px 18px;font-family:var(--font-body,"Raleway",sans-serif);animation:cookiePopIn .3s cubic-bezier(.16,1,.3,1)}.cookie-banner__header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.cookie-banner__icon{color:var(--accent,#ff4b5f);flex-shrink:0}.cookie-banner__title{font-size:14px;font-weight:700;color:var(--text,#2d2d2d);font-family:var(--font-display,"Unbounded",sans-serif);flex:1 1}.cookie-banner__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--text3,#999);cursor:pointer;flex-shrink:0;transition:all .15s}.cookie-banner__close:hover{background:var(--accent-soft,#ffeef0);color:var(--text,#2d2d2d)}.cookie-banner__text{font-size:13px;line-height:1.6;color:var(--text2,#666);margin-bottom:16px}.cookie-banner__link{color:var(--accent,#ff4b5f);text-decoration:none;font-weight:600}.cookie-banner__link:hover{text-decoration:underline}.cookie-banner__actions{display:flex;align-items:center;gap:8px}.cookie-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap;flex:1 1}.cookie-btn--primary{background:var(--accent,#ff4b5f);color:#fff;border:1px solid var(--accent,#ff4b5f)}.cookie-btn--primary:hover{background:#e83e52;border-color:#e83e52;box-shadow:0 2px 8px rgba(255,75,95,.25)}.cookie-btn--secondary{background:transparent;color:var(--text,#2d2d2d);border:1px solid var(--border,#ffe8ed)}.cookie-btn--secondary:hover{border-color:var(--accent-light,#ffd6dc);background:var(--accent-soft,#ffeef0)}.cookie-banner__categories{display:flex;flex-direction:column;margin-bottom:14px;border-radius:12px;overflow:hidden;border:1px solid var(--border,#ffe8ed);animation:cookieFadeIn .2s ease-out}.cookie-category{padding:12px 14px;background:#fff;transition:background .15s}.cookie-category:hover{background:var(--bg-warm,#fff5f0)}.cookie-category+.cookie-category{border-top:1px solid var(--border,#ffe8ed)}.cookie-category__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cookie-category__left{display:flex;flex-direction:column;gap:2px;min-width:0}.cookie-category__label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text,#2d2d2d)}.cookie-category__badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--green,#4caf50);background:var(--green-soft,#e8f5e9);padding:2px 6px;border-radius:4px}.cookie-category__desc{font-size:11px;line-height:1.45;color:var(--text3,#999)}.cookie-category__meta{display:flex;gap:12px;margin-top:5px;font-size:10px;color:var(--text3,#999);opacity:.7}.cookie-toggle{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.cookie-toggle[data-disabled]{opacity:.6;pointer-events:none}.cookie-toggle input{position:absolute;opacity:0;width:0;height:0}.cookie-toggle__track{display:flex;align-items:center;width:36px;height:20px;border-radius:10px;background:#d1d5db;transition:background .2s;padding:2px}.cookie-toggle input:checked+.cookie-toggle__track{background:var(--accent,#ff4b5f)}.cookie-toggle__thumb{width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px rgba(0,0,0,.15)}.cookie-toggle input:checked+.cookie-toggle__track .cookie-toggle__thumb{transform:translateX(16px)}.cookie-toggle input:focus-visible+.cookie-toggle__track{outline:2px solid var(--accent,#ff4b5f);outline-offset:2px}@keyframes cookiePopIn{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes cookieFadeIn{0%{opacity:0}to{opacity:1}}