:root{--color-primary:#2d5a3d;--color-primary-light:#3d7a52;--color-primary-dark:#1e3d29;--color-secondary:#c9a66b;--color-secondary-light:#dfc08a;--color-secondary-dark:#a88546;--color-sage:#9cac8b;--color-sage-light:#b8c4ab;--color-sage-dark:#7a8c6a;--color-moss:#5a6f4a;--color-cream:#faf6f0;--color-sand:#f5efe3;--color-terracotta:#c67b4e;--color-clay:#a85d3e;--color-charcoal:#2c3e2d;--color-gray-dark:#4a5d4b;--color-gray:#6b7c6c;--color-gray-light:#8fa890;--color-off-white:#f8faf6;--color-success:#4a8c5d;--color-warning:#d4a946;--color-error:#c45d4b;--color-info:#5a8fa0;--shadow-sm:0 2px 8px rgba(45,90,61,0.08);--shadow-md:0 6px 20px rgba(45,90,61,0.10);--shadow-lg:0 12px 40px rgba(45,90,61,0.12);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--color-cream) 0,var(--color-off-white) 100%);color:var(--color-charcoal);line-height:1.6}body{min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;display:block}.site-shell{min-height:calc(100vh - 140px)}.container{max-width:1240px;margin:0 auto;padding:28px}.header{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 50%,var(--color-moss) 100%);border-bottom:3px solid var(--color-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.footer{background:linear-gradient(180deg,var(--color-primary-dark) 0,var(--color-charcoal) 100%);border-top:3px solid var(--color-secondary);margin-top:60px;color:var(--color-cream);padding:32px 0}.footer a{color:var(--color-sage-light)}.footer a:hover{color:var(--color-secondary-light)}.footer .notice{color:var(--color-sage)}.nav{gap:20px;align-items:center;justify-content:space-between;padding:8px 0}.nav,.nav-links{display:flex;flex-wrap:wrap}.nav-links{gap:6px}.nav-links a{position:relative;z-index:101;padding:10px 14px;color:var(--color-cream);font-weight:500;font-size:14px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-links a:hover{background:rgba(255,255,255,.15);color:var(--color-secondary-light)}.logo{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--color-cream);gap:10px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);border-radius:var(--radius-sm);justify-content:center;font-size:20px}.hero{background:linear-gradient(145deg,var(--color-sage-light) 0,var(--color-cream) 50%,var(--color-sand) 100%);border:2px solid var(--color-sage);border-radius:var(--radius-lg);padding:48px 40px;margin:28px 0;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(156,172,139,.3) 0,transparent 70%);pointer-events:none}.hero h1{margin:0 0 16px;font-size:42px;line-height:1.1;color:var(--color-primary-dark)}.hero h1,.hero p{position:relative}.hero p{margin:0;color:var(--color-gray-dark);font-size:17px;max-width:800px;line-height:1.65}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px;font-weight:700;display:flex;align-items:center;gap:8px}.kicker:before{content:"";width:24px;height:2px;background:var(--color-secondary)}.grid{display:grid;grid-gap:24px;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#ffffff;border:1px solid rgba(156,172,139,.4);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-sage);transform:translateY(-2px)}.card h2,.card h3{margin-top:0;color:var(--color-charcoal)}.meta{color:var(--color-gray);font-size:13px;font-weight:500}.badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);background:var(--color-sand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray-dark)}.badge-tested{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:var(--color-primary-dark);border:1px solid var(--color-sage)}.badge-deal{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:var(--color-error);border:1px solid rgba(196,93,75,.3)}.badge-rating{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid rgba(212,169,70,.4)}.badge-network{background:linear-gradient(135deg,var(--color-sage-light) 0,var(--color-sage) 100%);color:var(--color-primary-dark);border:1px solid var(--color-moss)}.badge-brand{background:linear-gradient(135deg,var(--color-sand) 0,var(--color-cream) 100%);color:var(--color-terracotta);border:1px solid var(--color-secondary)}.price-row{display:flex;gap:12px;align-items:baseline;margin:14px 0}.price-old{color:var(--color-gray-light);text-decoration:line-through;font-size:14px}.price-new{font-size:24px}.price-new,.score{font-weight:800;color:var(--color-primary)}.score{background:linear-gradient(135deg,var(--color-sage-light) 0,transparent 100%);padding:2px 10px;border-radius:var(--radius-sm)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;border:2px solid var(--color-sage);background:#ffffff;color:var(--color-charcoal);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--color-sand);border-color:var(--color-secondary);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:white;border-color:var(--color-primary);box-shadow:0 4px 14px rgba(45,90,61,.25)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,90,61,.3)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-charcoal);border-color:var(--color-secondary)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-secondary-light) 0,var(--color-secondary) 100%)}.section-title{margin:36px 0 18px;font-size:28px;color:var(--color-primary-dark);display:flex;align-items:center;gap:14px}.section-title:after{content:"";flex:1 1;height:2px;background:linear-gradient(90deg,var(--color-sage) 0,transparent 100%)}.notice{font-size:13px;color:var(--color-gray);margin-top:8px;line-height:1.6}.list{padding-left:22px;line-height:1.8;color:var(--color-gray-dark)}.list li{margin-bottom:8px}.quick-links{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:20px 0 32px}.quick-link{padding:24px;background:linear-gradient(145deg,#ffffff 0,var(--color-cream) 100%);border:2px solid var(--color-sage-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.quick-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-normal)}.quick-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.quick-link:hover:before{transform:scaleX(1)}.quick-link h3{margin:0 0 8px;color:var(--color-primary-dark);font-size:18px}.filters{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 28px;padding:18px;background:var(--color-sand);border-radius:var(--radius-md)}.filter-box,.filters{border:1px solid var(--color-sage-light)}.filter-box{background:#ffffff;border-radius:var(--radius-sm);padding:14px;transition:border-color var(--transition-fast)}.filter-box:focus-within{border-color:var(--color-primary)}.filter-box label{display:block;font-size:11px;margin-bottom:6px;color:var(--color-gray);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.filter-box input,.filter-box select{padding:10px 14px;border:1px solid var(--color-sage-light);border-radius:var(--radius-sm);min-width:180px;font-size:14px;color:var(--color-charcoal);background:#ffffff;transition:border-color var(--transition-fast)}.filter-box input:focus,.filter-box select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(45,90,61,.1)}.brand-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.policy-page{max-width:800px;margin:0 auto}.policy-page h1{color:var(--color-primary-dark);border-bottom:3px solid var(--color-secondary);padding-bottom:16px}.policy-page h2{color:var(--color-primary);margin-top:32px}.policy-page p{color:var(--color-gray-dark);margin:16px 0}.policy-page ul{color:var(--color-gray-dark);padding-left:24px}.policy-page li{margin-bottom:12px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0}.footer-links a{font-size:14px;font-weight:500;padding:4px 0;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.footer-links a:hover{border-bottom-color:var(--color-secondary)}.admin-header{background:var(--color-charcoal);color:white;padding:16px 24px;border-radius:var(--radius-md);justify-content:space-between;align-items:center}.admin-header,.admin-tabs{margin-bottom:24px;display:flex}.admin-tabs{gap:4px;background:var(--color-sand);padding:4px;border-radius:var(--radius-sm)}.admin-tab{padding:12px 20px;border:none;background:transparent;color:var(--color-gray-dark);font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.admin-tab:hover{background:rgba(255,255,255,.5)}.admin-tab.active{background:var(--color-primary);color:white}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:12px 16px;border:2px solid var(--color-sage-light);border-radius:var(--radius-sm);font-size:15px;color:var(--color-charcoal);background:#ffffff;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(45,90,61,.1)}label{display:block;font-size:13px;font-weight:600;color:var(--color-gray-dark);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}@media (max-width:860px){.hero h1{font-size:32px}.hero{padding:32px 24px}.container{padding:20px}.nav-links a{padding:8px 10px;font-size:13px}.logo{font-size:18px}.section-title{font-size:22px}}@media (max-width:480px){.hero h1{font-size:26px}.nav{gap:12px}.nav-links{gap:4px;width:100%;justify-content:center}.quick-links{grid-template-columns:1fr}}