:root{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color-scheme:dark;color:#fff;background-color:#121212}body{margin:0;padding:0;background-color:#121212;color:#fff;min-height:100vh}a{color:#1fa2ff;text-decoration:none;font-weight:500;transition:color .3s ease}a:hover{color:#48c6ff}.app-container{display:flex;flex-direction:column;min-height:100vh}.nav{display:flex;justify-content:center;gap:30px;padding:1rem 2rem;background-color:#0a0a0a;border-bottom:1px solid #1f1f1f;font-size:1rem}.nav a{color:#fff;text-transform:uppercase;font-weight:600}.main-content{flex:1;padding:2rem;max-width:1000px;margin:0 auto}h1{font-size:2.5rem;margin-bottom:1rem;color:#fff}h2{font-size:2rem;margin-bottom:1rem;color:#fff}p{font-size:1rem;margin-bottom:1rem;color:#e0e0e0}button{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.6em 1.2em;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{background-color:#2a2a2a;border-color:#1fa2ff}button:focus{outline:3px solid #1fa2ff}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#121212;color:#fff}.nav{display:flex;gap:20px;padding:20px;background-color:#0a0a0a;color:#fff}.nav a{color:#fff;text-decoration:none;font-weight:700;transition:color .2s ease}.nav a:hover{color:#1fa2ff}.about-page{padding:2rem;max-width:800px;margin:auto;background-color:#1a1a1a;border-radius:8px}.about-page h1{font-size:2rem;margin-bottom:1rem}.about-page p{margin-bottom:1rem;line-height:1.6;color:#e0e0e0}.about-page .slogan{margin-top:2rem;font-style:italic;font-size:1.2rem;color:#1fa2ff}.footer{padding:1rem 2rem;text-align:center;background-color:#0a0a0a;color:#aaa;font-size:.9rem;border-top:1px solid #1f1f1f}.footer p{text-shadow:0 0 4px rgba(31,162,255,.2)}