*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f6f8;color:#333}#root{display:flex;flex-direction:column;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.5em;font-size:1em;color:#fff;font-weight:500;background-color:#0f4082;cursor:pointer;transition:all .3s ease}button:hover{background-color:#0c3266;border-color:#0c3266}.logo{height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 1em rgba(100,108,255,.7))}.card{background:#fff;padding:2em;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:2em auto;max-width:800px}.read-the-docs{color:#888;text-align:center;margin-top:1em}@media (max-width: 768px){.card{padding:1em;margin:1em}.logo{height:4em;padding:1em}button{width:100%}}