*{margin:0;
padding:0;
box-sizing:border-box;
font-family:"Poppins",Arial,sans-serif
}
body{min-height:100vh;background:linear-gradient(rgba(0,51,102,.78),rgba(0,51,102,.78)),url("../images/back1.jpg") center/cover fixed;display:flex;justify-content:center;align-items:center;padding:28px 14px;color:#333}
.register-container{width:min(100%,560px);background:#fff;padding:35px;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.2);margin:20px auto}
.logo{text-align:center;margin-bottom:20px}
.logo img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.logo h2{color:#003366;margin-top:10px;font-size:25px}
.register-container h3{text-align:center;color:#003366;font-size:28px;margin-bottom:10px}
.register-container>p{text-align:center;color:#666;margin-bottom:25px;line-height:1.5}
form label{display:block;margin-top:15px;margin-bottom:6px;font-weight:600;color:#333}
form input:not([type=radio]){width:100%;padding:13px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:15px;transition:.3s;background:#fff;color:#222}
form input:focus{border-color:#003366;box-shadow:0 0 5px rgba(0,51,102,.2)}
.gender-fieldset{border:1px solid #ddd;border-radius:8px;margin-top:18px;padding:10px 14px 12px;display:flex;gap:22px;flex-wrap:wrap}
.gender-fieldset legend{padding:0 5px;color:#003366;font-weight:600}
.gender-fieldset .radio-option{display:flex;align-items:center;gap:8px;margin:0;font-weight:500;cursor:pointer}
.gender-fieldset input[type=radio]{accent-color:#003366;width:17px;height:17px}
.password-box{position:relative}
.password-box input{padding-right:48px!important}
.password-box .toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;margin:0;padding:0;display:grid;place-items:center;background:transparent;color:#003366;border:0;cursor:pointer;font-size:16px}
form>button{width:100%;padding:14px;margin-top:30px;border:none;border-radius:30px;background:#003366;color:white;font-size:17px;font-weight:bold;cursor:pointer;transition:.3s}
form>button:hover{background:#ffd166;color:#003366}
.login-link{text-align:center;color:#555;margin:20px 0 0!important;font-size:14px}
.login-link a{color:#003366;font-weight:700;text-decoration:none}
.login-link a:hover{color:#b8860b;text-decoration:underline}
.form-message{padding:12px 14px;border-radius:9px;margin:0 0 18px;line-height:1.5;font-size:14px}
.form-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
@media(max-width:500px){.register-container{padding:25px 20px}.register-container h3{font-size:25px}.gender-fieldset{gap:16px}}