*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333;line-height:1.6}button{cursor:pointer;transition:background-color .2s,transform .1s}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}.form-container{max-width:600px;margin:30px auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a}.form-container label{display:block;margin-top:15px;margin-bottom:5px;font-weight:700;color:#555}.form-container input[type=text],.form-container textarea,.form-container select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1em}.form-container textarea{resize:vertical}.message-center{text-align:center;margin-top:50px}.error-message{color:#fff;background-color:#dc3545;padding:10px;border-radius:5px;text-align:center;margin-bottom:20px}.success-button{background-color:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1em;margin-top:10px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;background-color:#f4f7f6}.auth-card{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px}.auth-card h2{text-align:center;color:#333;margin-bottom:30px;border-bottom:2px solid #007bff;padding-bottom:10px}.form-group input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn-primary-auth{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s}.btn-primary-auth:hover{background-color:#0056b3}.auth-link-text{text-align:center;margin-top:20px;font-size:.9em}.auth-link-text a{color:#007bff;text-decoration:none;font-weight:700}.navbar{background-color:#333;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.nav-logo{color:#fff;text-decoration:none;font-size:1.5em;font-weight:700;padding:0;display:flex;align-items:center;gap:8px}.navbar-logo-img{height:40px;width:auto;display:block}.nav-links{display:flex;gap:20px;align-items:center}.nav-item{color:#fff;text-decoration:none;padding:8px 10px;transition:background-color .2s;border-radius:4px;white-space:nowrap}.nav-item:hover{background-color:#555}.nav-button{background-color:#007bff;border:none;color:#fff;padding:8px 10px;border-radius:4px;cursor:pointer;font-weight:700}.nav-button:hover{background-color:#1c70ca}.nav-user-text{font-style:italic;font-size:.9em;color:#ccc}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:27px;height:19px;background:transparent;border:none;cursor:pointer;padding:0}.bar{width:100%;height:3px;background-color:#fff;border-radius:10px;transition:all .3s linear}@media(max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#333;flex-direction:column;padding:10px 0;z-index:999;box-shadow:0 4px 8px #0003}.nav-links.active{display:flex}.nav-links .nav-item,.nav-links .nav-button,.nav-links .nav-user-text{text-align:center;padding:10px;width:100%}.hamburger{display:flex}}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(1){transform:translateY(11px) rotate(45deg)}.hamburger.open .bar:nth-child(3){transform:translateY(-11px) rotate(-45deg)}@media(max-width:768px){.hamburger{justify-content:space-between}}