:root{--primary-accent: #B123D9;--secondary-accent: #5C148C;--background-1: #3B0C59;--background-2: #1A1040;--base-dark: #0D0D0D;--highlight-text: #FFFFFF}body{background-color:var(--base-dark);color:#ffffffde;font-family:Inter,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif}a{color:var(--primary-accent);text-decoration:none}a:hover{color:var(--secondary-accent)}.App{text-align:center;position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--background-2);position:relative;z-index:10}.auth-container{position:fixed;top:20px;right:20px;z-index:1000}.auth-button{background-color:var(--primary-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.auth-button:hover{background-color:var(--secondary-accent)}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--highlight-text)}.hero-section{position:relative;height:100vh;display:flex;justify-content:center;align-items:center}.main-title{position:relative;z-index:2;color:var(--highlight-text);font-size:4rem;text-shadow:0 0 10px var(--primary-accent)}.footer{background-color:var(--background-2);color:var(--text);padding:1rem;position:relative;z-index:10}display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background-color: var(--background-2); } .logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--highlight-text)}.login-button{background-color:var(--primary-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif}.login-button:hover{background-color:var(--secondary-accent)}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh;padding:4rem 2rem}.main-title{font-size:4rem;font-weight:700;color:var(--highlight-text);text-shadow:0 0 10px var(--primary-accent),0 0 20px var(--primary-accent)}.scroll-section{padding:4rem 2rem;border-top:1px solid var(--background-1)}.footer{padding:2rem;background-color:var(--background-2);color:#fff9}.galaxy-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background-color:var(--background-2);padding:2rem 3rem;border-radius:10px;text-align:center;color:#fff;border:1px solid var(--primary-accent);box-shadow:0 0 20px var(--primary-accent)}.modal-actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.modal-content button{background-color:var(--primary-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;transition:background-color .3s ease}.modal-content button:hover{background-color:var(--secondary-accent)}.close-button{position:absolute;top:15px;right:15px;background:transparent!important;border:none!important;font-size:1.5rem;cursor:pointer;padding:.5rem!important}.error-message{color:#ff6b6b;margin-top:1rem;min-height:1.2em}