#root{padding:.4rem}.logo{height:4em;padding:1em;transition:filter .3s ease}.logo:hover{filter:drop-shadow(0 0 .5rem #646cff)}.card{border-radius:.5rem;padding:2rem}.card2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:100px 0;padding:20px}@media (max-width: 768px){.card{padding:1.5rem;margin:5px 15px}}.label{font-weight:700}:root{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}body{margin:0;min-height:100vh;background-color:#f7f7f7;color:#333}a{font-weight:500;color:#646cff;text-decoration:none;transition:color .3s ease}a:hover{color:#535bf2}h1{font-size:2rem;margin-bottom:1rem;font-weight:700}button{border:none;border-radius:.25rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background-color:#646cff;color:#fff;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#535bf2}@media (max-width: 768px){h1{font-size:1.6rem}button{padding:.5rem 1rem;font-size:.9rem}}