@font-face{font-family:satoshi;font-weight:500;src:url(/assets/Satoshi-Medium-DoW3kFbX.otf)}@font-face{font-family:satoshi;font-weight:700;src:url(/assets/Satoshi-Bold-C3YRi9Vg.otf)}@font-face{font-family:satoshi;font-weight:400;src:url(/assets/Satoshi-Regular-B3SN4yqc.otf)}@font-face{font-family:satoshi;font-weight:300;src:url(/assets/Satoshi-Light-BqtVaFVY.otf)}:root{--space: #2B2D42;--lavender: #3D3947;--lemon: #F3AA55;--white: #FDF4F1;--black: #030303;--dark-trans: rgba(0, 0, 0, .2);--dark-trans2: rgba(0, 0, 0, .3);--light-trans: rgba(255, 255, 255, .2)}body{margin:0;color:var(--white)}#container{background-color:var(--lavender);padding:0;font-family:satoshi;width:100%;height:100vh;min-height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#card{background-color:var(--dark-trans2);border:1px solid var(--light-trans);padding:0;margin:0;border-radius:24px;width:640px}#header{background-color:var(--lavender);padding:40px 0;margin:0;width:100%;border-radius:24px 24px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center}#breakdown{margin:32px}.value-card{background-color:var(--lavender);border-radius:16px;margin:24px auto;display:flex;flex-direction:column;justify-content:center;height:64px;padding:24px 0;gap:12px;border:1px solid var(--light-trans);box-shadow:0 0 32px var(--dark-trans)}h1{margin:0;font-size:24px;font-weight:700}#title{margin:0 0 40px}h3{margin:0;font-size:20px;font-weight:500}p{margin:0;font-size:16px;font-weight:400;color:var(--lemon)}input::placeholder{color:var(--dark-trans2)}input:focus{background-color:var(--dark-trans)!important;outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button:focus{outline:none}#input-el{background-color:var(--dark-trans);border:1px solid var(--light-trans);color:var(--lemon);padding:12px 0;border-radius:40px;text-align:center;font-size:48px;width:320px;margin:0 0 20px}button{background-color:var(--lemon);border:1px solid var(--light-trans);color:var(--lavender);padding:16px 0;border-radius:32px;text-align:center;font-size:20px;font-weight:700;width:320px;box-shadow:0 0 24px var(--dark-trans2);cursor:pointer;transition:all .3s ease}button:hover{background-color:#d7964a;transform:translateY(-2px);box-shadow:0 4px 32px var(--dark-trans2)}button:active{transform:translateY(0);box-shadow:0 2px 16px var(--dark-trans2)}