*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1a73e8;--primary-blue-dark:#1557b0;--text-primary:#202124;--text-secondary:#5f6368;--border-light:#dadce0;--bg-grey:#f8f9fa;--hover-bg:#f1f3f4;--success-green:#137333;--success-bg:#e6f4ea;--error-red:#d93025;--error-bg:#fce8e6;--beta-purple:#667eea}html{overflow-y:auto}body,html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:#fff;line-height:1.6;font-size:14px;min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:1.5rem;width:100%;box-sizing:border-box}.container-narrow{max-width:800px}.header{border-bottom:1px solid var(--border-light);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.05)}.logo{font-size:18px;font-weight:400;color:var(--text-primary);text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.8}.logo-accent{color:var(--primary-blue);font-weight:600}.search-container{margin:40px auto;max-width:680px;width:100%}.search-box{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:24px;padding:12px 20px;background:#fff;box-shadow:0 1px 6px rgba(32,33,36,.08);transition:box-shadow .2s;width:100%;box-sizing:border-box}.search-box:focus-within,.search-box:hover{box-shadow:0 1px 6px rgba(32,33,36,.18)}.search-input{flex:1 1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent}.search-input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary);margin-right:12px;font-size:20px}.search-button{background:var(--primary-blue);color:#fff;border:none;border-radius:4px;padding:8px 24px;font-size:14px;cursor:pointer;font-weight:500;transition:background .2s}.search-button:hover{background:#1765cc}.btn{padding:8px 16px;border-radius:4px;cursor:pointer;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s}.btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.btn-primary{background:var(--primary-blue);color:#fff;border:none}.btn-primary:hover{background:var(--primary-blue-dark);box-shadow:0 1px 3px rgba(0,0,0,.12);transform:translateY(-1px)}.btn-text{background:transparent;border:none;color:var(--primary-blue);padding:8px 12px}.btn-text:hover{background:rgba(26,115,232,.08)}.card{border:1px solid var(--border-light);padding:16px;border-radius:8px;margin-bottom:12px;background:#fff;width:100%;box-sizing:border-box}.card:hover{box-shadow:0 1px 4px rgba(0,0,0,.1)}.tool-card{border:none;border-bottom:1px solid var(--border-light);border-radius:0;padding:20px 0;background:transparent}.tool-card:first-child{padding-top:0}.tool-card:last-child{border-bottom:none}.tool-title{font-size:18px;color:var(--primary-blue);text-decoration:none;font-weight:400;cursor:pointer}.tool-title:hover{text-decoration:underline}.tool-meta{font-size:13px;color:var(--text-secondary);margin:4px 0}.tool-description{font-size:14px;color:var(--text-primary);margin:8px 0;line-height:1.6}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;margin-right:6px;margin-bottom:4px}.badge-blue{background:#e8f0fe;color:#1a73e8}.badge-green{background:#e6f4ea;color:#137333}.badge-grey{background:var(--bg-grey);color:var(--text-secondary)}a{color:var(--primary-blue);text-decoration:none}a:hover{text-decoration:underline}.filters-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:background .2s}.filters-toggle:hover{background:var(--hover-bg)}.loading{text-align:center;padding:40px}.loading,.text-secondary{color:var(--text-secondary)}.text-small{font-size:13px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:16px}.gap-1{gap:8px}.responsive-text{font-size:clamp(13px,2vw,14px)}.responsive-heading{font-size:clamp(20px,4vw,28px)}.flex-wrap{flex-wrap:wrap}.overflow-x-hidden{overflow-x:hidden}.word-break{word-break:break-word}a:focus,button:focus,input:focus,select:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--primary-blue);color:#fff;padding:8px;text-decoration:none;z-index:1000}.skip-to-main:focus{top:0}@media (max-width:1024px){.container,.container-narrow{max-width:100%;padding:1.25rem}}@media (max-width:768px){.header{padding:12px 16px;flex-wrap:wrap;gap:12px}.logo{font-size:16px}.container,.container-narrow{padding:1rem}.search-box{padding:10px 16px}.search-input{font-size:14px}h1{font-size:24px!important}h2{font-size:20px!important}.tool-card{padding:16px 0}.card{padding:12px}.badge{font-size:11px;padding:2px 6px}}@media (max-width:480px){body{font-size:13px}.header{padding:10px 12px}.logo{font-size:14px}.btn{padding:6px 12px;font-size:13px}.search-box{padding:8px 12px}.search-input{font-size:14px}h1{font-size:20px!important}h2{font-size:18px!important}.card{padding:10px;margin-bottom:10px}.tool-title{font-size:16px}.container,.container-narrow{padding:.75rem}}@media (max-width:360px){.header{padding:8px 10px}.btn{padding:5px 10px;font-size:12px}.search-input{font-size:13px}}@media print{.btn,.header,button,footer{display:none}}