#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{font-family:DM Sans,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}form{display:flex;flex-direction:column;max-width:400px;width:100%;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px}label{display:flex;flex-direction:column;align-items:flex-start;font-weight:700}input[type=text]{padding:10px;width:80%;height:10px;font-size:medium}input[type=file]{margin-top:10px}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;height:50px;border-radius:6px;font-size:large;font-weight:700}button:hover{background-color:#095bb2}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 600px){form{padding:10px}input[type=text],input[type=file],button{padding:8px;height:40px;font-size:medium}}