*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.btn,.card,.video-player,a,button,input,select{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--color-bg-primary:#050505;--color-bg-secondary:#0d0d0d;--color-bg-tertiary:#141418;--color-bg-card:#1a1a22;--color-bg-card-hover:#22222e;--color-bg-elevated:#1e1e28;--color-accent:#f5c518;--color-accent-hover:#ffd43b;--color-accent-muted:rgba(245,197,24,.15);--color-accent-glow:rgba(245,197,24,.3);--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0aa;--color-text-muted:#6b6b78;--color-text-inverse:#050505;--color-border:hsla(0,0%,100%,.06);--color-border-hover:hsla(0,0%,100%,.12);--color-border-accent:rgba(245,197,24,.3);--color-success:#34d399;--color-error:#fb7185;--color-warning:#fbbf24;--color-info:#60a5fa;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.333rem;--text-2xl:1.777rem;--text-3xl:2.369rem;--text-4xl:3.157rem;--text-5xl:4.209rem;--text-hero:clamp(2.5rem,5vw,4.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.6);--shadow-lg:0 8px 32px rgba(0,0,0,.7);--shadow-xl:0 16px 48px rgba(0,0,0,.8);--shadow-glow:0 0 24px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:64px;--container-max:1440px;--container-padding:var(--space-6)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{margin:0 auto;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);letter-spacing:0;padding:var(--space-3) var(--space-6);text-transform:none;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--color-border-hover);color:var(--color-text-primary)}.btn-outline:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;color:var(--color-text-primary)}.btn-ghost:hover{background:#ffffff1f}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.btn-sm{padding:var(--space-2) var(--space-4)}.badge,.btn-sm{font-size:var(--text-xs)}.badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-weight:600;gap:var(--space-1);letter-spacing:.05em;padding:var(--space-1) var(--space-2);text-transform:uppercase}.badge-accent{background:var(--color-accent);color:var(--color-text-inverse)}.badge-dark{background:#ffffff1a;color:var(--color-text-primary)}.badge-quality{background:#f5c51826;border:1px solid rgba(245,197,24,.25);color:var(--color-accent)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);width:100%}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a0a0aa' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);transition:border-color var(--transition-fast);width:100%}.select:focus{border-color:var(--color-accent)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-card) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@media(max-width:768px){:root{--container-padding:var(--space-4);--navbar-height:56px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media(max-width:480px){:root{--container-padding:var(--space-3)}}.navbar[data-v-40ee5073]{background:transparent;height:var(--navbar-height);left:0;position:fixed;right:0;top:0;transform:translateZ(0);transition:background var(--transition-base),box-shadow var(--transition-base);will-change:background;z-index:1000}.navbar--scrolled[data-v-40ee5073]{background:#050505eb;box-shadow:0 1px 0 var(--color-border)}@media(min-width:769px){.navbar--scrolled[data-v-40ee5073]{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%)}}.navbar__inner[data-v-40ee5073]{gap:var(--space-8);height:100%}.navbar__inner[data-v-40ee5073],.navbar__logo[data-v-40ee5073]{align-items:center;display:flex}.navbar__logo[data-v-40ee5073]{flex-shrink:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;gap:2px;text-decoration:none}.navbar__logo[data-v-40ee5073]:hover{color:var(--color-text-primary)}.navbar__logo-badge[data-v-40ee5073]{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--text-sm);letter-spacing:.05em;padding:2px 8px}.navbar__logo-text[data-v-40ee5073]{color:var(--color-text-primary);margin-left:4px}.navbar__links[data-v-40ee5073]{align-items:center;display:flex;gap:var(--space-1);margin-left:auto}.navbar__link[data-v-40ee5073]{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.navbar__link--active[data-v-40ee5073],.navbar__link[data-v-40ee5073]:hover{color:var(--color-text-primary)}.navbar__link--active[data-v-40ee5073]{position:relative}.navbar__link--active[data-v-40ee5073]:after{background:var(--color-accent);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:24px}.navbar__dropdown-trigger[data-v-40ee5073]{align-items:center;display:flex;gap:var(--space-1)}.navbar__actions[data-v-40ee5073]{align-items:center;display:flex;gap:var(--space-2);margin-left:var(--space-4)}.navbar__search-btn[data-v-40ee5073]{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.navbar__search-btn[data-v-40ee5073]:hover{background:#ffffff0f;color:var(--color-text-primary)}.navbar__mobile-toggle[data-v-40ee5073]{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.navbar__search-overlay[data-v-40ee5073]{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding-top:120px;position:fixed;z-index:2000}.navbar__search-box[data-v-40ee5073]{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);width:min(640px,90vw)}.navbar__search-icon[data-v-40ee5073]{color:var(--color-text-muted);flex-shrink:0}.navbar__search-input[data-v-40ee5073]{background:none;border:none;color:var(--color-text-primary);flex:1;font-family:var(--font-body);font-size:var(--text-lg);outline:none}.navbar__search-input[data-v-40ee5073]::-moz-placeholder{color:var(--color-text-muted)}.navbar__search-input[data-v-40ee5073]::placeholder{color:var(--color-text-muted)}.navbar__mobile-menu[data-v-40ee5073]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505f2;border-top:1px solid var(--color-border);display:none;flex-direction:column;padding:var(--space-4)}.navbar__mobile-link[data-v-40ee5073]{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.navbar__mobile-link[data-v-40ee5073]:hover{background:#ffffff0a;color:var(--color-text-primary)}.search-overlay-enter-active[data-v-40ee5073]{transition:opacity .2s ease}.search-overlay-leave-active[data-v-40ee5073]{transition:opacity .15s ease}.search-overlay-enter-from[data-v-40ee5073],.search-overlay-leave-to[data-v-40ee5073]{opacity:0}.mobile-menu-enter-active[data-v-40ee5073]{transition:opacity .2s ease,transform .2s ease}.mobile-menu-leave-active[data-v-40ee5073]{transition:opacity .15s ease,transform .15s ease}.mobile-menu-enter-from[data-v-40ee5073],.mobile-menu-leave-to[data-v-40ee5073]{opacity:0;transform:translateY(-8px)}@media(max-width:768px){.navbar__links[data-v-40ee5073]{display:none}.navbar__actions[data-v-40ee5073]{margin-left:auto}.navbar__mobile-menu[data-v-40ee5073],.navbar__mobile-toggle[data-v-40ee5073]{display:flex}}.footer[data-v-ed3e6031]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer__inner[data-v-ed3e6031]{gap:var(--space-8);padding-bottom:var(--space-8);padding-top:var(--space-10)}.footer__brand[data-v-ed3e6031],.footer__inner[data-v-ed3e6031]{display:flex;flex-direction:column}.footer__brand[data-v-ed3e6031]{gap:var(--space-3)}.footer__logo[data-v-ed3e6031]{align-items:center;display:flex;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;gap:2px;text-decoration:none}.footer__logo[data-v-ed3e6031]:hover{color:var(--color-text-primary)}.footer__logo-badge[data-v-ed3e6031]{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--text-xs);letter-spacing:.05em;padding:2px 6px}.footer__logo-text[data-v-ed3e6031]{color:var(--color-text-primary);margin-left:4px}.footer__tagline[data-v-ed3e6031]{color:var(--color-text-muted);font-size:var(--text-sm)}.footer__bottom[data-v-ed3e6031]{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:var(--space-6)}.footer__copy[data-v-ed3e6031],.footer__powered[data-v-ed3e6031]{color:var(--color-text-muted);font-size:var(--text-xs)}#app-root[data-v-f43dfede]{display:flex;flex-direction:column;min-height:100vh}main[data-v-f43dfede]{flex:1;padding-top:var(--navbar-height)}