::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}html{scroll-behavior:smooth}.letter-nav a.active{background-color:#3b82f6;color:white}.resource-card{transition:all .3s ease}.resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;margin-right:4px;margin-bottom:4px;background-color:#f1f5f9;color:#64748b}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}@media (max-width:640px){.container{padding:0 .75rem}.letter-nav{flex-wrap:wrap}.letter-nav a{flex:0 0 calc(10% - 4px);text-align:center;padding:.5rem 0;font-size:.875rem}}@media (min-width:641px) and (max-width:1024px){.resource-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.resource-list{grid-template-columns:repeat(3,1fr)}}.qr-code-section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:.5rem}.search-highlight{background-color:#fef3c7;padding:0 2px;border-radius:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination button{padding:.375rem .875rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:white;cursor:pointer;transition:all .2s ease;font-weight:500}.pagination button:hover:not(:disabled){background-color:#f0f9ff;border-color:#93c5fd;color:#3b82f6}.pagination button.active{background-color:#3b82f6;color:white;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 4px rgba(59,130,246,.2)}.pagination button:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8}#page-info{color:#3b82f6;font-weight:500}.stats-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:.5rem;padding:1.5rem;transition:transform .3s ease}.stats-card:hover{transform:translateY(-5px)}.card-shadow{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.gradient-bg{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#1e293b;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.category-item.active{background-color:#3b82f6;color:white}@media (max-width:640px){h1{font-size:1.5rem}h2{font-size:1.25rem}p{font-size:.875rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme:dark){body{background-color:#0f172a;color:#f8fafc}.card{background-color:#1e293b;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.tag{background-color:#334155;color:#cbd5e1}}