body{text-align:center;color:#fff;background-color:#1c1c1c;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Fredoka,sans-serif;animation:1s ease-in-out fadeIn;display:flex;position:relative;overflow:hidden}body:before{content:"";filter:brightness(.5)saturate(1.2);z-index:-2;background:url(/background.png) 50%/cover no-repeat fixed;width:100%;height:100%;position:absolute;top:0;left:0}body:after{content:"";z-index:-1;background:linear-gradient(#0009,#000000e6);width:100%;height:100%;position:absolute;top:0;left:0}.container{-webkit-backdrop-filter:blur(10px);background:#0009;border:2px solid #fc09;border-radius:16px;flex-direction:column;align-items:center;width:90%;max-width:420px;padding:20px;transition:transform .3s;display:flex;box-shadow:0 6px 20px #0006}.container:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0009}h1{color:#fc0;text-shadow:2px 2px #000c;opacity:0;margin-bottom:8px;font-size:28px;font-weight:600;animation:.8s ease-in-out .3s forwards fadeIn}.subtitle{color:#fff;text-shadow:1px 1px 2px #000000b3;opacity:0;margin-bottom:15px;font-size:16px;font-weight:500;animation:1s ease-in-out .5s forwards fadeIn}input{opacity:0;color:#fff;text-align:center;background:#ffcc0026;border:2px solid #fc0c;border-radius:8px;outline:none;width:80%;margin-bottom:15px;padding:12px;font-size:18px;transition:border .3s,box-shadow .3s,transform .2s;animation:1.2s ease-in-out .7s forwards fadeIn}input:focus{border-color:#fc0;transform:scale(1.05);box-shadow:0 0 8px #fc09}p{opacity:0;color:#fff;text-shadow:1px 1px 2px #000000b3;margin-top:10px;font-size:20px;animation:1.5s ease-in-out .9s forwards fadeIn}.result{color:#fc0;font-size:22px;font-weight:700;text-decoration:underline}.formula{color:#ddd;font-size:14px}.github-link{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#ffffff1a;border:1px solid #ffcc004d;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;animation:1s ease-in-out 1.5s forwards fadeIn;display:flex;position:fixed;bottom:20px;right:20px}.github-link:hover{background:#fc03;transform:scale(1.1);box-shadow:0 0 15px #ffcc004d}.github-icon{opacity:.9;width:32px;height:32px}.github-link:hover .github-icon{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}