:root{--bg-primary:#1a1a2e;--bg-secondary:#252540;--bg-card:#1e1e38;--accent-purple:#9d4edd;--accent-pink:#ff006e;--accent-gold:#f9a825;--text-primary:#ffffff;--text-secondary:#b8b8d1;--text-muted:#7a7a9a;--border-color:#3d3d5c;--border-light:rgba(157, 78, 221, 0.25);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--nav-height:56px;--shadow-card:0 4px 20px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 20px rgba(157, 78, 221, 0.3)}body,html{scrollbar-width:thin;scrollbar-color:#9d4edd rgba(255,255,255,0.1)}body::-webkit-scrollbar,html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9d4edd 0,#ff006e 100%);border-radius:4px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b968e0 0,#ff4da6 100%)}*,::after,::before{transition-property:background-color,border-color,color,box-shadow,opacity,transform,filter;transition-duration:.2s;transition-timing-function:ease}::-webkit-scrollbar,::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-track{transition:none!important}img,svg,video{transition:none}[role=button],a,button,input,select,textarea{outline-offset:3px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-purple)}a.nav-dropdown-item,a.nav-link,button.nav-link{position:relative}a.nav-dropdown-item::after,a.nav-link::after,button.nav-link::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));transition:width .25s,left .25s;border-radius:2px}a.nav-dropdown-item:hover::after,a.nav-link:hover::after,button.nav-link:hover::after{width:80%;left:10%}