:root{color-scheme:dark}html,body{background-color:#0a0a0a!important;color:#fff;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}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(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:rgba(10,10,10,.7);border-radius:24px;padding:2.5rem;margin:2rem 0;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #000c}h1,h2,h3,h4,h5,h6{color:#fff}a,button{transition:all .4s cubic-bezier(.23,1,.32,1)}a:hover,button:hover{transform:translateY(-2px)}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}}