*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}label,input{display:block;margin:10px 0;width:100%;font-size:16px;padding:8px}input{border:1px solid #ccc;border-radius:5px;outline:none}button{padding:10px;font-size:16px;cursor:pointer;border:none;border-radius:5px;background-color:#1a86f9;color:#fff;transition:background-color .3s ease}button:hover{background-color:#005bb5}.login-container{width:100%;max-width:400px;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.login-label{font-weight:700;text-align:center;font-size:25px}.button-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.toggle-text{display:flex;justify-content:center;gap:10px;margin-top:5px}.link-toggle{display:block;background:none;border:none;color:#3190f6;padding:0;text-align:center;cursor:pointer}.link-toggle:hover{color:#005bb5;text-decoration:underline}main{width:100%;padding:1.5rem 1rem;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (min-width: 768px){main{max-width:1024px;padding:3rem;margin-bottom:3rem}}