.about-container{background-image:url(/images/stella_deep_center_29.png)!important;background-size:cover!important;background-position:50%!important;background-attachment:fixed!important;position:relative!important}.about-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:-1}:root{--primary-color:#e0a458;--secondary-color:#5a6d7e;--accent-color:#4dc6ff;--dark-bg:#1a1a1a;--text-color:#e0e0e0;--font-heading:"Industry",sans-serif;--font-body:"Source Sans Pro",sans-serif;--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{font-family:var(--font-body);background-color:var(--dark-bg);color:var(--text-color);line-height:1.6;scroll-behavior:smooth;border:none;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.distressed-text{text-shadow:0 0 10px var(--accent-color),0 0 20px rgba(77,198,255,.5)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}a{color:inherit;transition:color .3s ease}a,a:hover{text-decoration:none}h1 a,h2 a,h3 a,h4 a,h5 a,p a,span a{text-decoration:none!important;border-bottom:none!important;color:inherit}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,p a:hover,span a:hover{text-decoration:none!important}.hero{height:100vh;background-color:var(--dark-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.button{display:inline-block;padding:.8rem 1.6rem;background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.button:hover{background-color:var(--accent-color);color:var(--dark-bg)}.character-card{background:linear-gradient(180deg,rgba(90,109,126,.3),rgba(26,26,26,.8));border:1px solid rgba(224,164,88,.3);border-radius:4px;padding:1.5rem;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.character-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2),0 0 15px rgba(77,198,255,.5)}@media (max-width:768px){.hero{height:auto;min-height:80vh;padding:2rem 0}}