*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#0e0122;color:#fff}h1{font-family:Russo One,serif;text-shadow:0 0 15px #ff00ff}p{font-family:Play,serif;font-size:1.2rem;color:#0ff0fc;text-shadow:0 0 10px #00f7ff}.header{position:fixed;top:0;left:0;width:100%;padding:20px 7%;background:#0e0122b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 0 20px #ff0062cc}.logo{font-size:25px;color:#fff;text-decoration:none;font-weight:700;text-shadow:0 0 15px #ff00ff}.navbar a{font-size:20px;color:#fff;text-decoration:none;font-weight:500;margin-left:40px;transition:.5s;text-shadow:0 0 10px #ff00ff}.navbar a:hover,.navbar a.active{color:#0cf;text-shadow:0 0 20px #0ff0fc}.center-btn{display:flex;justify-content:center;align-items:center;margin-top:20%;animation:fadeIn 1.5s ease-in-out}.main-btn{padding:30px 60px;font-size:40px;font-weight:700;color:#fff;background-color:#ff0062;border:none;border-radius:15px;cursor:pointer;transition:.3s ease-in-out;box-shadow:0 0 25px #ff0062e6;animation:bounce 2s infinite}.main-btn:hover{background-color:#0cf;transform:scale(1.2);box-shadow:0 0 35px #0cf}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1c0342}::-webkit-scrollbar-thumb{background:#4b0aac;border-radius:10px;box-shadow:0 0 10px #f0f}::-webkit-scrollbar-thumb:hover{background:#0cf;box-shadow:0 0 15px #0ff0fc}.hamburger{display:none;font-size:30px;cursor:pointer;color:#fff;text-shadow:0 0 15px #ff00ff}@media (max-width: 768px){.hamburger{display:block}.navbar{display:none;flex-direction:column;align-items:center;position:absolute;top:60px;left:0;width:100%;height:35vh;background:#0e0122e6;text-align:center;box-shadow:0 0 20px #ff0062cc}.navbar.active{display:flex}.navbar a{padding:20px;width:100%;display:block;font-size:24px;text-shadow:0 0 15px #ff00ff}}
