:root{--primary-color:#3498db;--secondary-color:#2c3e50;--accent-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#34495e;--text-color:#333;--bg-color:#f5f7fa;--card-bg:#ffffff;--header-bg:#2c3e50;--shadow:0 4px 12px rgba(0,0,0,0.1);--transition:all 0.3s ease}[data-theme="dark"]{--text-color:#e0e0e0;--bg-color:#1f2b38;--card-bg:#2a3849;--header-bg:#1f2b38;--secondary-color:#8ba9ce;--primary-color:#41a3ff;--shadow:0 4px 12px rgba(0,0,0,0.3)}[data-theme="dark"] .search-box{background:rgba(0,0,0,0.035)}body{background:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;padding-bottom:40px;transition:var(--transition)}.back-to-top{position:fixed;bottom:30px;right:-60px;width:46px;height:46px;border-radius:50%;background-color:rgba(52,152,219,0.85);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow);opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity 0.3s ease,right 0.3s ease,backdrop-filter 0.3s ease,-webkit-backdrop-filter 0.3s ease;z-index:90}.back-to-top.visible{opacity:0.95;right:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.back-to-top:hover{background-color:rgba(41,128,185,1);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--header-bg);color:white;padding:1.5rem 0;box-shadow:var(--shadow);margin-bottom:40px;position:relative;transition:var(--transition)}.header-top{display:flex;justify-content:space-between;align-items:center;position:relative}.header-controls{display:flex;gap:10px;position:absolute;top:0;right:20px;z-index:101}.menu-toggle{background:none;border:none;color:white;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%;width:40px;height:40px}.menu-toggle:hover{background:rgba(255,255,255,0.1)}.theme-toggle{background:none;border:none;color:white;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden}.theme-toggle:hover{background:rgba(255,255,255,0.1)}.theme-toggle svg{width:24px;height:24px;position:absolute;transition:transform 0.5s ease,opacity 0.5s ease}.sun-icon{transform:translate(0,0);opacity:1}.moon-icon{transform:translate(150%,-150%);opacity:0}[data-theme="dark"] .sun-icon{transform:translate(150%,150%);opacity:0}[data-theme="dark"] .moon-icon{transform:translate(0,0);opacity:1}.header-content{text-align:center;margin-top:20px}.title{font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px}.subtitle{font-size:1.2rem;opacity:0.9;max-width:600px;margin:0 auto}.search-container{max-width:600px;margin:0 auto 40px;position:relative}.search-box{width:100%;padding:15px 20px;font-size:1.1rem;border:none;border-radius:50px;box-shadow:inset 0 2px 6px rgba(0,0,0,0.2);padding-left:55px;transition:var(--transition);transition:all 0.25s ease;background:rgba(0,0,0,0.015);color:var(--text-color);position:relative;z-index:1}.search-box::placeholder{transition:opacity 0.25s ease}.search-box:focus::placeholder{opacity:0.5}.search-box:focus{outline:none;box-shadow:inset 0 2px 6px rgba(0,0,0,0.2)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#aaa;font-size:1.3rem;z-index:2}.clear-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;font-size:1.3rem;cursor:pointer;z-index:2;transition:var(--transition);display:none}.clear-icon:hover{color:#777}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}.card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;height:100%;padding:22px;text-decoration:none}.card:hover{transform:translateY(-10px);box-shadow:0 12px 24px rgba(0,0,0,0.15)}.card-content{flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:var(--primary-color)}.card-desc{color:var(--text-color);margin-bottom:6px;flex-grow:1;opacity:0.9}.category-container{position:relative;max-width:100%;overflow:hidden;margin-bottom:40px;display:flex;justify-content:center}.category-filter{display:inline-flex;gap:15px;padding-bottom:15px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%;cursor:grab}.category-filter::-webkit-scrollbar{display:none}.category-scroll-fade{position:absolute;top:0;bottom:15px;width:40px;pointer-events:none;z-index:2;opacity:1;transition:var(--transition)}.category-scroll-fade-left{left:0;background:linear-gradient(to right,var(--bg-color),rgba(245,247,250,0))}.category-scroll-fade-right{right:0;background:linear-gradient(to left,var(--bg-color),rgba(245,247,250,0))}[data-theme="dark"] .category-scroll-fade-left{background:linear-gradient(to right,var(--bg-color),rgba(31,43,56,0))}[data-theme="dark"] .category-scroll-fade-right{background:linear-gradient(to left,var(--bg-color),rgba(31,43,56,0))}.filter-btn{background:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 25px;border-radius:50px;cursor:pointer;font-weight:600;transition:var(--transition);flex-shrink:0;white-space:nowrap}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);color:white}.menu-panel{position:fixed;top:0;left:0;right:0;background:var(--header-bg);z-index:100;padding:1rem;transform:translateY(-100%);transition:transform 0.4s ease;box-shadow:0 10px 20px rgba(0,0,0,0.2)}.menu-panel.active{transform:translateY(0)}.menu-content{max-width:1200px;margin:0 auto;padding-top:70px}.menu-item{padding:15px 20px;display:flex;align-items:center;color:white;text-decoration:none;font-size:1.2rem;transition:var(--transition);border-radius:6px}.menu-item:hover{background:rgba(255,255,255,0.1)}.menu-item i{margin-right:15px;font-size:1.4rem;width:30px;text-align:center}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;opacity:0;visibility:hidden;transition:var(--transition)}.menu-overlay.active{opacity:1;visibility:visible}footer{text-align:center;color:#777;padding-top:30px;font-size:1rem}footer a{color:#777;text-decoration:none}footer a:hover{text-decoration:underline}.menu-icon path{transition:stroke-dashoffset 0.3s ease,stroke-dasharray 0.3s ease;stroke-dasharray:24;stroke-dashoffset:0;stroke:currentColor;stroke-width:2;fill:none}.menu-toggle.active .menu-icon path:nth-child(1){stroke-dashoffset:-24}.menu-toggle.active .menu-icon path:nth-child(2){stroke-dashoffset:-24}@media (max-width:800px){.title{font-size:2rem}.subtitle{font-size:1rem}.cards-container{grid-template-columns:repeat(auto-fill,minmax(180px,2fr));gap:16px}}@media (max-width:480px){.title{font-size:1.8rem}.cards-container{grid-template-columns:repeat(auto-fill,minmax(180px,2fr))}.header-controls{right:10px}}@media (max-width:372px){.cards-container{grid-template-columns:1fr}}