@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap";body{background:radial-gradient(circle at center,#0a0a0a 60%,#000);display:flex;justify-content:center;align-items:center;height:100vh;font-family:Orbitron,sans-serif;margin:0}.calculator{background:transparent;border:2px solid #00bfff;border-radius:15px;box-shadow:0 0 20px #00bfff,inset 0 0 10px #00bfff;padding:20px}.display{width:100%;height:60px;margin-bottom:15px;font-size:26px;text-align:right;border:none;border-radius:10px;padding:10px;background:transparent;color:#ff007f;text-shadow:0 0 10px #ff007f,0 0 20px #ff007f;box-shadow:0 0 15px #ff007f,inset 0 0 10px #ff007f}.buttons{display:grid;grid-template-columns:repeat(4,70px);gap:15px;justify-content:center}.button{height:70px;font-size:22px;border:none;border-radius:10px;background:transparent;color:#00bfff;text-shadow:0 0 10px #00bfff;box-shadow:0 0 10px #00bfff,inset 0 0 10px #00bfff;cursor:pointer;transition:.2s ease}.button:hover{color:#ff007f;text-shadow:0 0 20px #ff007f;box-shadow:0 0 20px #ff007f,inset 0 0 15px #ff007f}.clear{grid-column:span 4;background:transparent;color:#ff007f;text-shadow:0 0 15px #ff007f;box-shadow:0 0 15px #ff007f,inset 0 0 10px #ff007f}.clear:hover{color:#00bfff;text-shadow:0 0 20px #00bfff;box-shadow:0 0 20px #00bfff,inset 0 0 15px #00bfff}.container{text-align:center}