html{height:100%}body{box-sizing:border-box;color:#fff;font-family:Inter,sans-serif;margin:0;min-height:100%}#root,body{background-color:#000}#root{min-height:100vh}*,:after,:before{box-sizing:inherit}h1,h2,h3{font-family:Fredoka,sans-serif}a{color:#ff6b00;text-decoration:none;transition:color .2s ease}a:hover{color:#ff9a40}button{background-color:#ff6b00;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s ease}button:hover{background-color:#0c6}.card{background-color:#333;border-radius:10px;box-shadow:0 4px 8px #00000080;margin:10px;padding:20px}form{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:500px}input{background-color:#222;border:1px solid #666;border-radius:5px;color:#fff;padding:10px}@media (max-width:768px){.card{margin:10px 5px;padding:15px}h1{font-size:1.8rem}h2{font-size:1.5rem}body{font-size:.95rem}}@media (max-width:480px){.card{margin:8px 0;padding:12px}button{width:100%}h1{font-size:1.5rem}}