*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100vh;background:#000;color:#fff;font-family:Rubik,sans-serif;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:linear-gradient(180deg,#1a1410,#0d0a08,#000);background-attachment:fixed}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#c9a55c0d}::-webkit-scrollbar-thumb{background:#c9a55c4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9a55c80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(201,165,92,.3))}50%{filter:drop-shadow(0 0 30px rgba(201,165,92,.6)) drop-shadow(0 0 50px rgba(201,165,92,.2))}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.3}to{transform:translateY(-100vh) translate(20px) scale(.3);opacity:0}}@keyframes spotlight-drift{0%{transform:translate(0) scale(1);opacity:.03}25%{transform:translate(10%,-5%) scale(1.1);opacity:.05}50%{transform:translate(-5%,10%) scale(.9);opacity:.03}75%{transform:translate(-10%,-10%) scale(1.05);opacity:.04}to{transform:translate(0) scale(1);opacity:.03}}@keyframes radial-move{0%{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(-45%,-55%) scale(1.1)}66%{transform:translate(-55%,-45%) scale(.95)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes card-entrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-glow{0%,to{box-shadow:0 4px 20px #c9a55c66}50%{box-shadow:0 6px 30px #c9a55c99,0 0 40px #c9a55c4d}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes focus-ring{0%,to{box-shadow:0 0 0 2px #c9a55c4d}50%{box-shadow:0 0 0 4px #c9a55c80,0 0 20px #c9a55c33}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes border-glow{0%,to{box-shadow:0 8px 25px #00000080,0 0 0 1px #c9a55c4d,inset 0 0 20px #c9a55c0d}50%{box-shadow:0 12px 35px #0009,0 0 0 2px #c9a55c80,0 0 30px #c9a55c33,inset 0 0 30px #c9a55c1a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes logo-entrance{0%{opacity:0;transform:scale(.8) translateY(-30px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes card-hover-glow{0%,to{box-shadow:0 0 20px #c9a55c1a}50%{box-shadow:0 0 30px #c9a55c33}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@keyframes spotify-glow{0%,to{box-shadow:0 4px 20px #1db95466}50%{box-shadow:0 6px 30px #1db95499,0 0 40px #1db9544d}}.glow-pulse{animation:glow-pulse 4s ease-in-out infinite}.gradient-shift{background-size:200% 200%;animation:gradient-shift 20s ease infinite}.card-animate{animation:card-entrance .5s ease-out forwards;opacity:0}.button-hover-glow:hover{animation:button-glow 1.5s ease-in-out infinite}.icon-bounce:hover svg{animation:icon-bounce .5s ease-in-out}.search-focus:focus-within{animation:focus-ring 2s ease-in-out infinite}.search-bar-form,.search-bar-form *,.search-bar-input{outline:none!important}.search-bar-form:focus,.search-bar-form:focus-visible,.search-bar-input:focus,.search-bar-input:focus-visible{outline:none!important;box-shadow:none!important}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#c9a55c,#8b7355);color:#000;padding:12px 24px;border-radius:0 0 8px 8px;font-weight:600;z-index:10000;text-decoration:none;transition:top .3s}.skip-to-content:focus{top:0;outline:3px solid #fff;outline-offset:2px}*:focus{outline:2px solid #C9A55C;outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid #C9A55C;outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid #C9A55C;outline-offset:2px;box-shadow:0 0 0 4px #c9a55c4d}html.high-contrast{filter:contrast(1.2)}html.high-contrast body{background:#000!important}html.high-contrast *{border-color:#c9a55c!important}html.high-contrast a,html.high-contrast button{text-decoration:underline!important}html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html.highlight-links a{background:#c9a55c33!important;text-decoration:underline!important;padding:2px 4px!important;border-radius:3px!important}html.highlight-links a:hover,html.highlight-links a:focus{background:#c9a55c66!important}html[data-font-size="1"]{font-size:120%!important}html[data-font-size="2"]{font-size:140%!important}button,a,[role=button],input[type=submit],input[type=button],input[type=reset]{min-height:44px;min-width:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.release-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.release-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000059}.release-card:hover .hover-overlay,.release-card:hover .like-btn-overlay{opacity:1!important}.release-card:hover img{transform:scale(1.05)}.release-card img{transition:transform .4s ease}.song-grid-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.song-grid-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000059}.song-grid-card:hover .like-btn-overlay{opacity:1!important}.song-grid-card:hover img{transform:scale(1.05)}.song-grid-card img{transition:transform .4s ease}.release-card-disabled{pointer-events:none}.poster-card{transition:transform .15s ease}.poster-card:hover{transform:scale(1.05);z-index:10}.poster-card:hover .poster-hover-overlay,.poster-card:hover .poster-hover-border{opacity:1!important}.poster-card-disabled{pointer-events:none;opacity:.5}.poster-frame{transition:box-shadow .15s ease}.poster-card:hover .poster-frame{box-shadow:#0006 0 4px 15px,#00000080 0 4px 20px}.poster-image{transition:filter .15s ease}.poster-card:hover .poster-image{filter:brightness(.7)}.poster-like-btn{transition:background .15s ease,transform .15s ease}.poster-like-btn:hover{transform:scale(1.05)}.poster-like-btn:active{transform:scale(.95)}.event-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.event-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0006;border-color:#c9a55c4d!important}.event-card:hover .hover-overlay{opacity:1!important}.event-card:hover .event-card-img{transform:scale(1.1)}.event-card:hover .hover-overlay>div{transform:scale(1.1)}.event-card-img{transition:transform .5s ease}.playlist-card{transition:transform .2s ease}.playlist-card:hover{transform:translateY(-4px)}.social-card{transition:transform .2s ease}.social-card:hover{transform:scale(1.02)}.social-card:hover .social-overlay{opacity:1!important}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 20px #c9a55c66}.share-btn:hover{border-color:#c9a55c80!important;color:#c9a55c!important}.nav-btn{transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-btn:hover{background:#c9a55c26!important;border-color:#c9a55c!important;transform:translateY(-2px);box-shadow:0 4px 16px #c9a55c33}.content-section{content-visibility:auto;contain-intrinsic-size:0 500px}.gpu-accelerated{transform:translateZ(0);will-change:transform}.fixed-header,.fixed-footer{contain:layout style paint}.scroll-container{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion: no-preference){.animate-on-scroll{animation-play-state:paused}.animate-on-scroll.in-view{animation-play-state:running}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#252525,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-gold{background:linear-gradient(90deg,#c9a55c14 25%,#c9a55c26,#c9a55c14 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-pill{border-radius:50px}.skeleton-card{border-radius:12px}.skeleton-pulse{animation:pulse 1.5s ease-in-out infinite}.profile-tab:hover{color:#fff!important;background:#ffffff0d!important}.profile-tab.active:hover{background:#d4af37!important}.hero-btn-primary:hover{background:#e5c158!important;transform:scale(1.02)}.hero-btn-secondary:hover{border-color:#d4af37!important;color:#d4af37!important}.fade-in-up{animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}