*{margin:0;padding:0;box-sizing:border-box}.app-container{display:flex;flex-direction:column;min-height:100vh;background:#121212;color:#f1f1f1;font-family:Roboto,sans-serif}header{background:#1f1f1f;padding:20px;text-align:center;box-shadow:0 4px 8px #0003}header h1{font-family:Poppins,sans-serif;font-size:3rem;color:#ff6f61}header nav ul{display:flex;justify-content:center;gap:20px;list-style:none;margin-top:15px}header nav ul li{font-size:1.2rem}header nav ul li a{text-decoration:none;color:#f1f1f1;transition:color .3s ease}header nav ul li a:hover{color:#ff6f61}.main-content{flex-grow:1;padding:40px;text-align:center;overflow:auto}footer{background:#1f1f1f;color:#f1f1f1;padding:20px;text-align:center;box-shadow:0 -4px 8px #0003}footer p{font-size:1rem;font-weight:400}@media (max-width: 768px){header h1{font-size:2.5rem}.main-content h2{font-size:2rem}.card{width:90%}}body{background-color:#121212;color:#f1f1f1}a{color:#ff6f61;text-decoration:none}a:hover{text-decoration:underline}button{background-color:#ff6f61;color:#fff;padding:12px 24px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#ff4d39;transform:scale(1.05)}button:focus{outline:none}.card{background-color:#1f1f1f;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;margin:20px auto;width:80%;max-width:600px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#ff6f61;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#ff4d39}::-webkit-scrollbar-track{background-color:#2a2a2a}