body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;background-color:#21213d;color:#e0e0ff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}.main-container{max-width:600px;width:90%;padding:40px;border-radius:20px;margin-top:6vh;background-color:#2d2d4d;box-shadow:0 10px 30px #0000004d;text-align:center}.title{font-size:2.5rem;margin-bottom:30px;color:#bdbde7;font-weight:600}.card-container{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.input-group{display:flex;flex-direction:column;gap:10px;text-align:left}.input-group label{align-self:center;text-align:center;width:100%}.input-row{display:flex;gap:15px;align-items:center}.input-row input{flex-grow:1;padding:12px 15px;border:none;border-radius:10px;background-color:#3c3c65;color:#fff;font-size:1.1rem;text-align:center;-moz-appearance:textfield;transition:all .3s ease}.input-row input:focus{outline:none;box-shadow:0 0 0 3px #bdbde780;background-color:#4a4a7a}.input-row input::-webkit-outer-spin-button,.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{font-size:1.1rem;color:#bdbde7;width:25px;text-align:center}.results-container{background-color:#4a4a7a;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0003}.result-item p{margin:0;font-size:1.2rem;font-weight:400;color:#e0e0ff}.result-item h2{font-size:2.5rem;margin:10px 0 0;font-weight:700;color:#9292f0}.top-left-link{position:absolute;top:10px;left:10px;z-index:1000;width:50px;height:50px}.top-left-link img{display:block;width:100%;height:100%;border-radius:50%;transition:transform .3s ease-in-out}.top-left-link:hover img{transform:scale(1.1)}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.github-corner{fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0;z-index:1000}@media (max-width: 600px){body{overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:10px}.top-left-link{position:absolute;top:10px;left:10px;z-index:1000}.github-corner{position:absolute;top:0;right:0;z-index:1000}.main-container{max-width:480px;width:92%;padding:20px 16px;border-radius:20px;margin:0 auto;margin-top:1vh;background-color:#2d2d4d;box-shadow:0 10px 30px #0000004d;text-align:center}.input-group label{font-size:1rem}.input-row{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.input-row input{padding:8px;font-size:1.2rem;min-width:60px;flex:0 0 60px}.unit{font-size:1rem}.title{font-size:1.4rem;margin-bottom:12px}.results-container{padding:12px;width:80%;margin:0 auto}.result-item p{font-size:1.1rem}.result-item h2{font-size:1.6rem}footer{font-size:.9rem;padding:12px 0;margin:0 auto;width:92%;max-width:480px;text-align:center}}footer{text-align:center;font-size:.9rem;color:#aaa;padding-bottom:1rem}footer a{color:#ccc;text-decoration:none;font-weight:600}footer a:hover{color:#fff;text-decoration:underline}