*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible}input[type=text]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none;max-width:100%;height:auto}[title]{cursor:help}::selection{background:#ffffff4d;color:inherit}::-moz-selection{background:#ffffff4d;color:inherit}:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (max-width: 768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input[type=text]{-webkit-appearance:none;border-radius:0}input,textarea,select,button{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.header{padding:12px 0 16px}.logo-text h1{font-size:1.8rem}.logo-text p{font-size:.9rem}.main{padding:20px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}.responsive-img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}[data-v-2fa86b54]:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--card-shadow: 0 10px 40px rgba(0, 0, 0, .1);--card-shadow-hover: 0 20px 60px rgba(0, 0, 0, .15);--border-radius: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-v-2fa86b54]{margin:0;padding:0;box-sizing:border-box}#app[data-v-2fa86b54]{min-height:100vh;background:var(--primary-gradient);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}#app[data-v-2fa86b54]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none;z-index:-1}.container[data-v-2fa86b54]{max-width:1400px;margin:0 auto;padding:0 24px}.header[data-v-2fa86b54]{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);padding:24px 0;position:sticky;top:0;z-index:100}.header .container[data-v-2fa86b54]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.logo[data-v-2fa86b54]{display:flex;align-items:center;gap:16px}.logo-icon[data-v-2fa86b54]{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bounce-2fa86b54 2s infinite}@keyframes bounce-2fa86b54{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.logo-text h1[data-v-2fa86b54]{color:#fff;font-size:2.5rem;font-weight:800;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.logo-text p[data-v-2fa86b54]{color:#ffffffe6;font-size:1rem;font-weight:500}.search-box[data-v-2fa86b54]{position:relative;display:flex;align-items:center;background:#fffffff2;border-radius:50px;padding:6px 24px 6px 50px;min-width:350px;box-shadow:var(--card-shadow);transition:var(--transition)}.search-box[data-v-2fa86b54]:focus-within{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.search-icon[data-v-2fa86b54]{position:absolute;left:18px;font-size:18px;color:#666}.search-input[data-v-2fa86b54]{flex:1;border:none;outline:none;padding:14px 0;font-size:16px;background:transparent;color:#333}.search-input[data-v-2fa86b54]::placeholder{color:#999}.search-results-count[data-v-2fa86b54]{background:var(--accent-gradient);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.main[data-v-2fa86b54]{padding:48px 0}.stats-section[data-v-2fa86b54]{display:flex;gap:24px;margin-bottom:48px;justify-content:center}.stat-card[data-v-2fa86b54]{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius);padding:24px 32px;text-align:center;transition:var(--transition)}.stat-card[data-v-2fa86b54]:hover{transform:translateY(-4px);background:#ffffff40}.stat-number[data-v-2fa86b54]{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:8px;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label[data-v-2fa86b54]{color:#ffffffe6;font-weight:600;font-size:.9rem}.category-nav[data-v-2fa86b54]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px;justify-content:center}.category-btn[data-v-2fa86b54]{display:flex;align-items:center;gap:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:50px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);color:#333}.category-btn[data-v-2fa86b54]:hover{background:#fffffff2;color:#222;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.category-btn.active[data-v-2fa86b54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.category-count[data-v-2fa86b54]{background:var(--accent-gradient);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.category-btn.active .category-count[data-v-2fa86b54]{background:var(--secondary-gradient)}.sites-section[data-v-2fa86b54]{margin-bottom:48px}.section-header[data-v-2fa86b54]{text-align:center;margin-bottom:40px}.section-header h2[data-v-2fa86b54]{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:8px;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle[data-v-2fa86b54]{color:#fffc;font-size:1.1rem;font-weight:500}.sites-grid[data-v-2fa86b54]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-top:40px}.site-card[data-v-2fa86b54]{background:#fffffff2;border-radius:var(--border-radius);padding:0;cursor:pointer;transition:var(--transition);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:fadeInUp-2fa86b54 .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateY(30px)}@keyframes fadeInUp-2fa86b54{to{opacity:1;transform:translateY(0)}}.site-card[data-v-2fa86b54]:hover{transform:translateY(-12px);box-shadow:var(--card-shadow-hover);background:#fff}@media (hover: none) and (pointer: coarse){.site-card[data-v-2fa86b54]:active{transform:scale(.98);transition:transform .1s ease}.site-card[data-v-2fa86b54]:hover{transform:none;background:#fffffff2}.visit-btn[data-v-2fa86b54]:active{transform:scale(.96);transition:transform .1s ease}.category-btn[data-v-2fa86b54]:active{transform:scale(.95);transition:transform .1s ease}}.site-header[data-v-2fa86b54]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px}.site-icon[data-v-2fa86b54]{font-size:3.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.site-status[data-v-2fa86b54]{background:var(--secondary-gradient);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.site-content[data-v-2fa86b54]{padding:0 24px 20px}.site-name[data-v-2fa86b54]{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:12px}.site-desc[data-v-2fa86b54]{color:#718096;font-size:.95rem;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-tags[data-v-2fa86b54]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-2fa86b54]{background:var(--accent-gradient);color:#fff;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600}.site-footer[data-v-2fa86b54]{padding:0 24px 24px}.visit-btn[data-v-2fa86b54]{width:100%;background:var(--primary-gradient);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition)}.visit-btn[data-v-2fa86b54]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.footer[data-v-2fa86b54]{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:48px 0;margin-top:80px}.footer-content[data-v-2fa86b54]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-logo[data-v-2fa86b54]{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:8px}.footer-info p[data-v-2fa86b54]{color:#ffffffb3;font-size:.9rem}.footer-links[data-v-2fa86b54]{display:flex;gap:32px}.footer-link[data-v-2fa86b54]{color:#fffc;text-decoration:none;font-weight:500;transition:var(--transition)}.footer-link[data-v-2fa86b54]:hover{color:#fff;text-decoration:none}@media (max-width: 1024px){.sites-grid[data-v-2fa86b54]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.stats-section[data-v-2fa86b54]{flex-wrap:wrap;gap:16px}.stat-card[data-v-2fa86b54]{min-width:120px}}@media (max-width: 768px){.header[data-v-2fa86b54]{padding:20px 0 30px}.header .container[data-v-2fa86b54]{flex-direction:column;text-align:center;gap:24px}.logo[data-v-2fa86b54]{margin-bottom:8px}.search-box[data-v-2fa86b54]{min-width:280px;width:100%;max-width:400px;padding:14px 20px 14px 50px;font-size:16px}.search-icon[data-v-2fa86b54]{left:18px;font-size:1.1rem}.sites-grid[data-v-2fa86b54]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.site-card[data-v-2fa86b54]{padding:24px;min-height:200px}.category-nav[data-v-2fa86b54]{gap:8px;overflow-x:auto;padding:0 20px 20px;margin:0 -20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-nav[data-v-2fa86b54]::-webkit-scrollbar{display:none}.category-btn[data-v-2fa86b54]{padding:12px 20px;font-size:14px;white-space:nowrap;min-width:fit-content;border-radius:25px}.category-btn[data-v-2fa86b54]:first-child{margin-left:20px}.category-btn[data-v-2fa86b54]:last-child{margin-right:20px}.logo-text h1[data-v-2fa86b54]{font-size:2.2rem;margin-bottom:8px}.logo-text p[data-v-2fa86b54]{font-size:1rem;opacity:.9}.section-header h2[data-v-2fa86b54]{font-size:2rem;margin-bottom:8px}.section-subtitle[data-v-2fa86b54]{font-size:1rem}.stats-section[data-v-2fa86b54]{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:40px}.stat-card[data-v-2fa86b54]{flex:1;min-width:100px;max-width:120px;padding:20px 16px}.footer-content[data-v-2fa86b54]{flex-direction:column;text-align:center;gap:24px}.footer-links[data-v-2fa86b54]{justify-content:center;flex-wrap:wrap;gap:24px}.main[data-v-2fa86b54]{padding:40px 0}}@media (max-width: 480px){.container[data-v-2fa86b54]{padding:0 20px}.header[data-v-2fa86b54]{padding:16px 0 24px}.main[data-v-2fa86b54]{padding:24px 0}.sites-grid[data-v-2fa86b54]{grid-template-columns:1fr;gap:16px}.site-card[data-v-2fa86b54]{margin:0;padding:20px;min-height:180px}.site-icon[data-v-2fa86b54]{font-size:2rem}.site-name[data-v-2fa86b54]{font-size:1.2rem}.site-desc[data-v-2fa86b54]{font-size:.9rem;line-height:1.5}.search-box[data-v-2fa86b54]{min-width:280px;max-width:100%;padding:12px 16px 12px 45px;font-size:16px}.search-icon[data-v-2fa86b54]{left:16px}.logo[data-v-2fa86b54]{flex-direction:column;gap:12px}.logo-icon[data-v-2fa86b54]{font-size:2.8rem}.logo-text h1[data-v-2fa86b54]{font-size:2rem}.logo-text p[data-v-2fa86b54]{font-size:.95rem}.category-nav[data-v-2fa86b54]{padding:0 20px 16px;gap:12px}.category-btn[data-v-2fa86b54]{padding:10px 16px;font-size:13px}.section-header[data-v-2fa86b54]{text-align:center;margin-bottom:24px}.section-header h2[data-v-2fa86b54]{font-size:1.8rem}.stats-section[data-v-2fa86b54]{margin-bottom:32px}.stat-card[data-v-2fa86b54]{padding:16px 12px;min-width:85px}.stat-number[data-v-2fa86b54]{font-size:1.8rem}.stat-label[data-v-2fa86b54]{font-size:.8rem}.visit-btn[data-v-2fa86b54]{padding:14px;font-size:.95rem;border-radius:10px}.tag[data-v-2fa86b54]{padding:6px 10px;font-size:.7rem;border-radius:12px}.footer[data-v-2fa86b54]{padding:32px 0;margin-top:60px}.footer-links[data-v-2fa86b54]{gap:16px}.footer-link[data-v-2fa86b54]{font-size:.9rem}}[data-v-2fa86b54]::-webkit-scrollbar{width:8px}[data-v-2fa86b54]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}[data-v-2fa86b54]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:var(--transition)}[data-v-2fa86b54]::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.logo-icon[data-v-2fa86b54]{animation:bounce-2fa86b54 2s ease-in-out infinite}@keyframes bounce-2fa86b54{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.site-card[data-v-2fa86b54]{box-shadow:0 4px 20px #00000014}.visit-btn[data-v-2fa86b54]{font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea33}.category-btn[data-v-2fa86b54]{background:#ffffffe6;color:#333;font-weight:600;border:1px solid rgba(255,255,255,.5);text-shadow:none}.category-btn[data-v-2fa86b54]:hover{background:#fffffff2;color:#222}.tag[data-v-2fa86b54]{font-weight:700;text-transform:uppercase;letter-spacing:.3px}.search-box[data-v-2fa86b54]{box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,255,255,.3)}.search-box[data-v-2fa86b54]:focus-within{border-color:#fff9;box-shadow:0 12px 40px #00000026}}@media (max-width: 480px){.site-card[data-v-2fa86b54]{border-radius:16px;box-shadow:0 2px 16px #0000000f}.header[data-v-2fa86b54]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:0 0 24px 24px;margin-bottom:16px}.sites-grid[data-v-2fa86b54]{padding:0 4px}.category-nav[data-v-2fa86b54]{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:0 -16px 24px;padding:16px 20px;position:relative}.category-btn[data-v-2fa86b54]{background:#ffffffd9;color:#333;border:1px solid rgba(255,255,255,.6);font-weight:600;text-shadow:none}.category-btn[data-v-2fa86b54]:hover{background:#fffffff2;color:#222;text-shadow:none}.category-btn.active[data-v-2fa86b54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;box-shadow:0 4px 12px #667eea4d;border:1px solid transparent;text-shadow:none}.category-btn .category-count[data-v-2fa86b54]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;border:none}.category-btn.active .category-count[data-v-2fa86b54]{background:#ffffff40;color:#fff;border:none}.category-nav[data-v-2fa86b54]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:100%;background:linear-gradient(to left,rgba(255,255,255,.1),transparent);pointer-events:none;border-radius:0 20px 20px 0}.site-card[data-v-2fa86b54]{will-change:transform}.site-name[data-v-2fa86b54]{letter-spacing:-.02em}.site-desc[data-v-2fa86b54]{color:#4a5568;font-weight:400}}.loading[data-v-2fa86b54]{display:inline-block;animation:spin-2fa86b54 1s linear infinite}@keyframes spin-2fa86b54{0%{transform:rotate(0)}to{transform:rotate(360deg)}}