*{font-family:Inter,sans-serif;box-sizing:border-box;}

:root{
  --navy:#0b2a4a;
  --burgundy:#2d4697;
  --light-bg:#f5f7fb;
}

body{
  background:var(--light-bg);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

/* MAIN WRAPPER */
.register-wrapper{
  max-width:1200px;
  width:100%;
  background:white;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,20,40,0.2);
}

/* LEFT ILLUSTRATION */
.illustration-panel{
  background:linear-gradient(135deg,#0b2a4a,#163f70);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
}

.illustration-panel img{
  max-width:100%;
}

/* RIGHT FORM */
.form-panel{
  padding:45px 40px;
}

/* BRAND */
.brand{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:20px;
}

.brand-icon{
  width:48px;
  height:48px;
  background:var(--navy);
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
}

/* TYPE SWITCH */
.type-selector{
  display:flex;
  gap:10px;
  background:#edf2f9;
  padding:6px;
  border-radius:50px;
  margin-bottom:20px;
}

.type-btn{
  flex:1;
  border:none;
  background:transparent;
  padding:10px;
  border-radius:40px;
  font-weight:600;
  cursor:pointer;
}

.type-btn.active{
  background:white;
  color:var(--burgundy);
  box-shadow:0 6px 12px rgba(0,0,0,0.1);
}

/* INPUTS */
.form-control{
  border-radius:18px;
  border:1.5px solid #dee5ed;
  padding:12px 18px;
}

.form-control:focus{
  border-color:var(--burgundy);
  box-shadow:0 0 0 3px rgba(172,46,63,0.15);
}

/* BUTTON */
.btn-register{
  background:var(--burgundy);
  border:none;
  padding:12px;
  border-radius:50px;
  color:white;
  width:100%;
  font-weight:600;
}

.btn-register:hover{
  background:#df9d00;
}

/* MOBILE */
@media(max-width:768px){
  .illustration-panel{display:none;}
}