@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;margin:0}body{min-height:100vh;background:radial-gradient(circle at 80% 10%,#c9f36b22,transparent 27rem),#0b100f;color:#f2f5ef;font-family:Manrope,Arial,sans-serif}.calculator-shell{width:min(390px,calc(100% - 32px));margin:auto;padding:30px 0 65px}.calc-back{font:500 .68rem 'DM Mono',monospace;color:#9aa59e;text-decoration:none}.calc-back:hover{color:#c9f36b}.calc-label{font:500 .67rem 'DM Mono',monospace;letter-spacing:.12em;color:#c9f36b;margin:52px 0 13px}.calculator-shell h1{font-size:clamp(2.5rem,9vw,4.1rem);letter-spacing:-.085em;line-height:.9;margin-bottom:30px}.calculator-shell h1 em{font:400 italic 1em Georgia;color:#c9f36b}.container{border:1px solid #ffffff1a;background:#131c18;border-radius:13px;padding:18px;box-shadow:0 25px 80px #0007}.display{height:86px;width:100%;border:0;border-radius:8px;background:#0c130f;outline:0;text-align:right;padding:0 15px;margin-bottom:13px;color:#f2f5ef;font:500 1.8rem 'DM Mono',monospace;pointer-events:none}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.buttons button{height:53px;border:1px solid #ffffff12;border-radius:7px;background:#1c2923;color:#f2f5ef;font:600 1rem Manrope,Arial,sans-serif;cursor:pointer;transition:.18s}.buttons button:hover{background:#293a32;transform:translateY(-1px)}.buttons .operator{background:#203126;color:#c9f36b}.buttons .equals{background:#c9f36b;color:#102018}.buttons .equals:hover{background:#d8ff83}