@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(to top,#000,#111,#2d2d2d,#000);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:100vh;display:flex;justify-content:center;align-items:center}.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.calculator{width:320px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 20px #00000040}#inpValue{width:100%;height:50px;margin-bottom:15px;padding:10px;font-size:1.3rem;font-weight:700;text-align:right;border:none;border-radius:10px;outline:none;background:#ffffffe6;color:#333;box-shadow:inset 2px 2px 6px #00000026}.btn-container{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}button{cursor:pointer;padding:15px;font-size:1rem;font-weight:600;border:none;border-radius:12px;background:#ffffffe6;color:#333;transition:all .2s ease-in-out;box-shadow:2px 4px 8px #00000026}button:hover{background:#fffc;color:#000;transform:translateY(-1px);box-shadow:0 6px 14px #00000040}button:active{transform:scale(.95)}button:nth-child(4n),button:nth-child(16),button:nth-child(20){background:#f77f00;color:#fff}button:first-child,button:nth-child(2),button:nth-child(3){background:#e63946;color:#fff}.footer{position:absolute;bottom:2px;text-align:center;font-size:.9rem;font-weight:500;color:#fff;opacity:1}.footer span{font-weight:700;color:#fff}