.logincontainer{justify-content:center;min-height:100vh;background-color:#f8f9fa}.logincontainer,.logincontainer form{display:flex;flex-direction:column;align-items:center;padding:20px}.logincontainer form{width:90%;max-width:400px;margin:30px auto;box-shadow:0 7px 30px -20px rgba(0,0,0,.2);border-radius:10px;background-color:#fff}.logologo{position:relative;width:100px;height:100px;margin-bottom:20px}.logincontainer form input,.logincontainer form select{width:100%;margin:10px 0;background:#e8f0fe;padding:12px;border:1px solid #ccc;border-radius:5px;outline:none;transition:all .3s ease-in-out}.logincontainer form input:focus,.logincontainer form select:focus{border-color:#0070f3;background:#eef6ff;box-shadow:0 0 4px rgba(0,112,243,.4)}.logincontainer form button{background-color:#b5862d;border:none;padding:12px;width:100%;cursor:pointer;color:#000;margin:10px 0;border-radius:5px;font-weight:700;transition:all .3s ease-in-out}.logincontainer form button:hover{background-color:#d4a343;color:#fff}.logincontainer form button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.error{color:red;margin-top:-5px}.error,.success{font-size:14px;text-align:left;width:100%}.success{color:green}@media (max-width:768px){.logincontainer form{width:100%;padding:15px}.logologo{width:80px;height:80px}}