:root{--bg-color:#fafafa;--bg-card:#fff;--card-bg:var(--bg-card);--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--accent-color:#000;--accent-hover:#374151;--pill-bg:#f3f4f6;--pill-hover:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-lg:12px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;position:relative;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background-color:#fffc;justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.hero{text-align:center;padding:80px 0 40px}.hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:3rem;font-weight:800}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:1.25rem}.search-bar{max-width:600px;margin:0 auto;display:flex;position:relative}.search-bar input{border:1px solid var(--border-color);border-radius:var(--radius-full);width:100%;box-shadow:var(--shadow-sm);outline:none;padding:16px 24px;font-size:1rem;transition:all .2s}.search-bar input:focus{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.categories{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.category-pill{background-color:var(--pill-bg);color:var(--text-main);border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.category-pill:hover{background-color:var(--pill-hover)}.category-pill.active{background-color:var(--accent-color);color:#fff}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:80px;display:grid}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;padding:24px;transition:all .3s;display:flex}.tool-card:hover{box-shadow:var(--shadow-md);border-color:#d1d5db;transform:translateY(-4px)}.tool-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.tool-title{font-size:1.25rem;font-weight:700}.tool-category{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.75rem;font-weight:600}.tool-desc{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:.95rem}.tool-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.tool-pricing{color:var(--text-main);font-size:.875rem;font-weight:500}.tool-link{color:var(--text-main);font-size:.875rem;font-weight:600;text-decoration:none}.tool-link:hover{text-decoration:underline}.tool-details-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.tool-details-btn:hover{color:#1d4ed8;text-decoration:underline}.view-toggle{background-color:var(--pill-bg);border-radius:var(--radius-full);margin-bottom:32px;padding:6px;display:inline-flex}.view-toggle button{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.view-toggle button.active{background-color:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.stacks-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;padding-bottom:80px;display:grid}.stack-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;padding:32px;transition:all .3s;display:flex}.stack-card:hover{box-shadow:var(--shadow-md);border-color:#d1d5db;transform:translateY(-4px)}.stack-title{letter-spacing:-.5px;margin-bottom:12px;font-size:1.5rem;font-weight:800}.stack-desc{color:var(--text-muted);margin-bottom:32px;line-height:1.6}.stack-tools-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:#f9fafb;flex-grow:1;padding:24px}.stack-tool-item{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px 0;display:flex}.stack-tool-item:last-child{border-bottom:none;padding-bottom:0}.stack-tool-number{background-color:var(--text-main);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.stack-tool-info{flex-direction:column;display:flex}.stack-tool-name{color:var(--text-main);font-size:1.05rem;font-weight:700}.stack-tool-cat{color:var(--text-muted);font-size:.8rem}.footer{border-top:1px solid var(--border-color);background-color:var(--bg-card);margin-top:80px;padding:64px 0 24px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;display:flex}.footer-logo{color:var(--text-main);align-items:center;gap:8px;display:flex}.footer-links{flex-wrap:wrap;gap:32px;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-main)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;padding-top:24px}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.lang-switcher-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000008}.lang-switcher-container:hover{box-shadow:var(--shadow-sm);border-color:#d1d5db}.lang-switcher-globe{color:var(--text-muted);opacity:.7;justify-content:center;align-items:center;padding-left:6px;padding-right:2px;font-size:.95rem;display:flex}.lang-btn{color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.lang-btn:hover{color:var(--text-main);background-color:var(--pill-bg)}.lang-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:var(--shadow-sm)}.quiz-toggle-btn{align-items:center;gap:8px;display:inline-flex;box-shadow:0 4px 14px #2563eb40;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%)!important;border:none!important;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.quiz-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d459;background:linear-gradient(135deg,#1d4ed8 0%,#0891b2 100%)!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-card>div{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}.compare-page,.tool-detail-page{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}.quiz-card [style*="cursor: pointer"]{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.quiz-card [style*="cursor: pointer"]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.compare-tools-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}.compare-specs-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:16px;width:100%;margin-bottom:32px;overflow-x:auto}.compare-specs-grid{grid-template-columns:1.2fr 1fr 1fr;min-width:600px;display:grid}.tool-specs-grid{background-color:var(--pill-bg);border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;padding:20px;display:grid}.quiz-secondary-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.container{padding:0 16px}.compare-tools-grid{grid-template-columns:1fr;gap:16px}.tool-specs-grid{grid-template-columns:1fr;gap:16px;padding:16px}.quiz-secondary-grid{grid-template-columns:1fr;gap:12px}.hero{padding:48px 0 24px}.hero h1{letter-spacing:-.5px;font-size:2.2rem}.hero p{margin-bottom:28px;font-size:1.05rem}.tools-grid{grid-template-columns:1fr;gap:16px;padding-bottom:48px}.stacks-grid{grid-template-columns:1fr;gap:20px;padding-bottom:48px}.tool-card{padding:16px}.stack-card{padding:20px}.quiz-card{padding:20px!important}.footer{margin-top:48px;padding:40px 0 20px}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:16px}.footer-links{justify-content:center;gap:12px 20px}.tool-detail-page article{padding:20px!important}}