body,html{background-color:#f7f7f7;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:0}*,:after,:before{box-sizing:border-box}.form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;width:320px}.page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 2rem 2rem}h2{margin-bottom:1.5rem;text-align:center}input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.8rem;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.8rem;transition:background-color .3s;width:100%}button:hover{background-color:#0056b3}.error{color:#ff4d4f}.error,.success{margin-bottom:1rem;text-align:center}.success{color:#52c41a}.navbar{align-items:center;background-color:#007bff;box-shadow:0 2px 5px #0003;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.navbar h1{font-size:1.5rem;margin:0}.navbar ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.navbar ul li{margin-left:1.5rem}@media (max-width:768px){.navbar ul li{margin:.5rem 0;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.navbar ul.open li{opacity:1;transform:translateY(0)}}.navbar ul.open li{opacity:1;transform:translateY(0)}.navbar ul li a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}.navbar ul li a:hover{color:#d1e9ff}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.menu-toggle .barra{background-color:#fff;border-radius:2px;display:block;height:3px;margin:5px 0;width:25px}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:.5rem 1rem}.navbar h1{margin-bottom:.5rem}.menu-toggle{display:block}.navbar ul{background-color:#007bff;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease-out;width:100%}.navbar ul.open{max-height:500px}.navbar ul li{margin:.5rem 0}.page-container{padding-left:1rem;padding-right:1rem;padding-top:70px}.form-container{max-width:100%;padding:1.5rem;width:100%}}@media (max-width:480px){.navbar h1,h2{font-size:1.25rem}button,input[type=email],input[type=password],input[type=text]{padding:.6rem}.form-container{padding:1rem}}.logout-button{background:none;border:none;color:#961e1e;cursor:pointer;font-size:1rem;font-weight:700;padding:0;text-decoration:none;transition:color .3s}.logout-button:hover{color:#d1e9ff}@media (max-width:768px){.logout-button{margin:.5rem 0;opacity:0;text-align:left;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:100%}.navbar ul.open .logout-button{opacity:1;transform:translateY(0)}}