:root{
  /* 🎨 Paleta SoluMath */
  --blue-dark:#0f2e6e;
  --blue-main:#1f4fd8;
  --blue-soft:#1bb5e9;
  --black:#111;
}

/* Reset */
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* Layout */
.page{min-height:100vh;display:flex}

/* LADO IZQUIERDO */
.left{
  flex:1;
  background:linear-gradient(135deg,var(--blue-dark),var(--blue-main),var(--blue-soft));
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.left::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cg fill='none' stroke='white' stroke-width='6' opacity='.35'%3E%3Cpath d='M60 80h40M80 60v40'/%3E%3Cpath d='M200 80l36 36M236 80l-36 36'/%3E%3Cpath d='M330 90h48'/%3E%3Cpath d='M120 280l36 36M156 280l-36 36'/%3E%3C/g%3E%3Cg fill='white' opacity='.35'%3E%3Ctext x='60' y='210' font-size='72'%3Eα%3C/text%3E%3Ctext x='260' y='250' font-size='82'%3EΣ%3C/text%3E%3C/g%3E%3C/svg%3E");
}

.left img{
  position:relative;
  max-width:50%;
  z-index:1;
}

/* LADO DERECHO */
.right{
  flex:1;
  background:#fff;
  padding:70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.logo-conamat{
  max-width:360px;
  margin-bottom:70px;
}

.subtitle{
  font-size:.95rem;
  margin-bottom:24px;
}

.subtitle a{
  color:var(--blue-main);
  font-weight:800;
  text-decoration:none;
}

.title{
  font-size:2.6rem;
  font-weight:900;
  letter-spacing:1.2px;
  margin-bottom:40px;
  color:#222;
}

/* CONTENEDOR DE BOTONES */
.buttons{
  width:100%;
  max-width:420px;
}

/* BOTONES PREMIUM */
.btn-main{
  width:100%;
  padding:20px;
  font-size:1.15rem;
  font-weight:900;
  border-radius:16px;
  margin-bottom:22px;
  border:none;
  transition:all .25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

/* Colegio */
.btn-colegio{
  background:linear-gradient(135deg,#000,#222);
  color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.btn-colegio:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 60px rgba(0,0,0,.35);
}

/* Libre */
.btn-libre{
  background:linear-gradient(135deg,var(--blue-main),var(--blue-soft));
  color:#fff;
  box-shadow:0 18px 40px rgba(31,79,216,.35);
}

.btn-libre:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 60px rgba(31,79,216,.55);
}

/* Estado cerrado */
.btn-main.disabled{
  opacity:.45;
  pointer-events:none;
  transform:none;
  box-shadow:none;
}

/* Responsive */
@media(max-width:991px){
  .page{flex-direction:column}
  .left{min-height:40vh}
  .right{padding:40px 24px}
  .title{font-size:2.1rem}
}