html{font-family:system-ui,sans-serif;background-color:#0a0a0a;scroll-behavior:smooth}body{position:relative;z-index:1;min-height:100vh;background:transparent}*{position:relative}.content-container{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:rgba(10,10,10,.9);border-radius:20px;padding:2.5rem;margin:2rem 0;border:2px solid rgba(0,255,255,.2);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff1a,0 0 20px #00ffff1a}h1,h2,h3,h4,h5,h6{text-shadow:0 0 10px rgba(0,255,255,.5),0 2px 4px rgba(0,0,0,.8);color:#fff}a,button{transition:all .4s cubic-bezier(.23,1,.32,1)}a:hover,button:hover{text-shadow:0 0 20px rgba(0,255,255,.8),0 2px 4px rgba(0,0,0,.8);transform:translateY(-2px)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(10,10,10,.8);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#b9b9b9,#bebebe,#cfcfcf,#ffffff);border-radius:6px;box-shadow:0 0 10px #00ffff80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#b9b9b9,#bebebe,#cfcfcf,#ffffff);box-shadow:0 0 20px #0ffc}body:before{content:"";position:fixed;top:0;left:0;width:var(--scroll-progress, 0%);height:4px;background:linear-gradient(90deg,#b9b9b9,#bebebe,#cfcfcf,#ffffff);z-index:1000;transition:width .1s ease-out}.cinematic-background *{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.cinematic-background *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}