.dynamic-header{z-index:100;border-radius:16px;width:calc(100% - 48px);max-width:1200px;margin:0 auto 24px;transition:all .3s;position:sticky;top:12px}.glass-header{background:var(--bg-header,#fffc);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color,#0000001a);box-shadow:0 4px 20px var(--shadow-color,#0000000d)}.header-inner{justify-content:space-between;align-items:center;height:100%;padding:10px 20px;display:flex}.header-left{align-items:center;gap:24px;display:flex}.logo-link{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-img{filter:drop-shadow(0 0 4px #6366f166)}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{color:var(--text-main);letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.brand-tag{color:var(--secondary);letter-spacing:1px;font-size:.7rem;font-weight:700}.main-nav{align-items:center;gap:8px;display:none}@media (width>=1024px){.main-nav{display:flex}}.nav-link{color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link-return{color:var(--secondary)!important}.nav-link-return:hover{border-color:var(--secondary)!important;background:#ec48991a!important}@media (width<=1400px){.header-left{gap:16px}.nav-link{gap:4px;padding:8px;font-size:.85rem}.main-nav{gap:4px}.brand-text{display:none}}.nav-link:hover{color:var(--primary);border-color:var(--primary);background:#6366f11a}.nav-link.active{color:var(--primary);background:linear-gradient(135deg,#6366f126,#ec48991a);border-color:#6366f14d}.mobile-menu-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-main);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-menu-btn:hover{border-color:var(--primary);background:#6464641a}@media (width>=1024px){.mobile-menu-btn{display:none}}.mobile-nav-menu{background:var(--bg-header);border-top:1px solid var(--border-color);max-height:85vh;padding:16px 20px;display:none;overflow-y:auto}.mobile-nav-menu.active{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{flex-direction:column;gap:8px;display:flex}.mobile-nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);border-color:var(--primary);background:#6366f11a}.mobile-divider{background:var(--border-color);opacity:.5;height:1px;margin:16px 0}.header-right{align-items:center;gap:10px;display:flex}.platform-switcher{color:#f59e0b;white-space:nowrap;background:#f59e0b12;border:1px solid #f59e0b40;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.platform-switcher:hover{background:#f59e0b26;border-color:#f59e0b73}.time-user-chip{border:1px solid var(--border-color);background:var(--bg-card);border-radius:100px;align-items:center;gap:8px;padding:5px 12px 5px 6px;text-decoration:none;transition:all .2s;display:inline-flex}.time-user-chip:hover{border-color:var(--primary)}.time-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex}.time-username{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:.82rem;font-weight:600;overflow:hidden}.icon-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:40px;height:40px;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--text-muted);background:#6464641a}.theme-toggle{width:40px;padding:0}@media (width<=700px){.theme-toggle{width:40px;padding:0}}.theme-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.theme-icon svg{transition:opacity .25s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.sun-icon{opacity:1;visibility:visible;transform:rotate(0)scale(1)}.moon-icon{opacity:0;pointer-events:none;visibility:hidden;transform:rotate(90deg)scale(.5)}html.dark .sun-icon{pointer-events:none;visibility:hidden;opacity:0!important;transform:rotate(-90deg)scale(.5)!important}html.dark .moon-icon{pointer-events:auto;visibility:visible;opacity:1!important;transform:rotate(0)scale(1)!important}.theme-toggle:active .theme-icon{transition:transform .1s;transform:scale(.8)}:is(:global(.theme-transition::view-transition-old(root)),:global(.theme-transition::view-transition-new(root))){mix-blend-mode:normal;animation:none}:global(.theme-transition::view-transition-new(root)){animation:.55s cubic-bezier(.22,1,.36,1) both theme-circle-reveal}:global(.theme-transition::view-transition-old(root)){z-index:0}:global(.theme-transition::view-transition-new(root)){z-index:1}@keyframes theme-circle-reveal{0%{clip-path:circle(0% at var(--theme-origin-x,95%) var(--theme-origin-y,5%))}to{clip-path:circle(150% at var(--theme-origin-x,95%) var(--theme-origin-y,5%))}}@media (prefers-reduced-motion:reduce){:global(.theme-transition::view-transition-new(root)){animation:none}.sun-icon{transition:none!important}}@media (width<=1023px){.header-left{gap:16px}.dynamic-header{border:1px solid var(--border-color,#0000001a)!important;z-index:1000!important;border-radius:16px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;transition:all .3s!important;position:fixed!important;top:12px!important;left:12px!important}.header-inner{padding:12px 16px}.brand-name{font-size:1.15rem}.brand-tag{font-size:.6rem}}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}:root{--primary:#6366f1;--secondary:#ec4899;--bg-main:#fff;--bg-card:#fffc;--text-main:#0f172a;--text-muted:#64748b;--border-color:#00000014;--shadow-color:#0000001a;--font-poppins:"Poppins", sans-serif;--transition-smooth:cubic-bezier(.4, 0, .2, 1)}html.dark{--bg-main:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff1a;--shadow-color:#0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-poppins);background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f166}.premium-card{background:var(--bg-card);border:1px solid var(--border-color);transition:all .4s var(--transition-smooth);box-shadow:0 4px 6px -1px var(--shadow-color);border-radius:24px;padding:30px;position:relative;overflow:hidden}.premium-card:hover{box-shadow:0 20px 40px -10px var(--shadow-color);border-color:var(--primary);transform:translateY(-10px)}