:root{--theme-primary: #7B4BFF;--theme-primary-dark: #5E2DFF;--theme-secondary: #A855F7;--theme-accent: #EC4899;--theme-glow: rgba(123, 75, 255, .4);--theme-bg: #000000;--theme-surface: rgba(255, 255, 255, .08);--theme-surface-hover: rgba(255, 255, 255, .15);--theme-text: #ffffff;--theme-text-secondary: rgba(255, 255, 255, .85);--theme-text-muted: rgba(255, 255, 255, .65);--gradient-primary: linear-gradient(135deg, #7B4BFF 0%, #5E2DFF 50%, #A855F7 100%);--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, .6) 100%);--gradient-button: linear-gradient(135deg, rgba(123, 75, 255, .2) 0%, rgba(168, 85, 247, .2) 100%);--gradient-glow: radial-gradient(circle, rgba(123, 75, 255, .3) 0%, transparent 70%);--shadow-glow: 0 0 30px rgba(123, 75, 255, .5), 0 0 60px rgba(123, 75, 255, .2);--shadow-button: 0 8px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-button-hover: 0 12px 32px rgba(123, 75, 255, .4), 0 0 0 1px rgba(123, 75, 255, .3);--shadow-text: 0 2px 12px rgba(0, 0, 0, .9), 0 0 8px rgba(0, 0, 0, .5);--shadow-video: 0 20px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--theme-bg);color:var(--theme-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);border-radius:10px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--theme-secondary) 0%,var(--theme-primary) 100%);box-shadow:0 0 10px var(--theme-glow)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #7b4bff4d}50%{box-shadow:0 0 30px #7b4bff99,0 0 50px #7b4bff4d}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}video{filter:brightness(1.03) contrast(1.08) saturate(1.1);transition:filter var(--transition-normal),transform var(--transition-normal)}video:hover{filter:brightness(1.05) contrast(1.1) saturate(1.15)}button{transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:hover{transform:scale(1.12) translateY(-2px);box-shadow:var(--shadow-button-hover)}button:active{transform:scale(1.05) translateY(0);transition:all .1s}.drop-shadow-lg{text-shadow:var(--shadow-text)}.drop-shadow-md{text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 4px rgba(0,0,0,.4)}html{scroll-behavior:smooth}.glass{background:#ffffff0d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.search-bar{border-radius:20px;padding:10px;background-color:#fff;display:flex;align-items:center}.search-bar input{border:none;outline:none;color:#333;flex:1;padding:5px}.search-bar .search-icon{margin-right:10px}
