#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;box-sizing:border-box;padding:0;margin:0}.auth-container{background:white;padding:.5rem;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;text-align:center;position:relative;margin-top:100px}.auth-title{font-size:1.5rem;font-weight:600;margin-bottom:20px}.auth-input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.auth-button{width:100%;padding:12px;border-radius:8px;border:none;background-color:#37474f;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease-in-out}.auth-button:hover{background-color:#263238}:root{font-family:Poppins,Roboto,Arial,sans-serif;color:#212121;background-color:#fff}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;box-sizing:border-box;padding:0}h1,h2,h3,h4,h5,h6{color:#212121;font-weight:500}a{text-decoration:none;color:#1976d2}a:hover{color:#0d47a1}.container{width:100%;max-width:400px;background:#ffffff;box-shadow:0 4px 10px #0000001a;border-radius:12px;text-align:center;position:relative}button{width:100%;padding:12px;border-radius:8px;border:none;background-color:#37474f;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease-in-out}button:hover{background-color:#263238}input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:8px;font-size:1rem}input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 4px #1976d24d}.form-container{display:flex;flex-direction:column;gap:12px}@media (max-height: 700px){.container{margin-top:20px}}