/* Spinlik White - Register */
.spinlik-auth{
  min-height: calc(100vh - 120px);
  padding: 56px 0;
  background:
    radial-gradient(900px 500px at 80% 0%, rgba(99,102,241,.14), transparent 60%),
    radial-gradient(900px 500px at 0% 20%, rgba(37,99,235,.12), transparent 55%),
    #f7f9fc;
}

.spinlik-auth .auth-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(15,23,42,.10);
  overflow: hidden;
}

.spinlik-auth .auth-card .auth-head{
  padding: 22px 24px 10px;
}

.spinlik-auth .auth-title{
  font-size: 22px;
  font-weight: 800;
  margin: 0;
  color: #0f172a;
}

.spinlik-auth .auth-subtitle{
  margin-top: 6px;
  color: rgba(15,23,42,.65);
  font-size: 14px;
}

.spinlik-auth .auth-body{
  padding: 18px 24px 24px;
}

.spinlik-auth label{
  font-weight: 700;
  color: rgba(15,23,42,.82);
  font-size: 13px;
}

.spinlik-auth .form-control,
.spinlik-auth select,
.spinlik-auth input{
  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.14) !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

.spinlik-auth .form-control:focus,
.spinlik-auth select:focus,
.spinlik-auth input:focus{
  border-color: rgba(37,99,235,.55) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

.spinlik-auth .help-text{
  font-size: 12px;
  color: rgba(15,23,42,.58);
  margin-top: 6px;
}

.spinlik-auth .btn-primary,
.spinlik-auth button[type="submit"]{
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 16px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
  box-shadow: 0 14px 30px rgba(37,99,235,.22) !important;
}

.spinlik-auth .btn-link{
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
}

.spinlik-auth .alert{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);
}

@media (max-width: 576px){
  .spinlik-auth{ padding: 28px 0; }
  .spinlik-auth .auth-body{ padding: 14px 16px 18px; }
  .spinlik-auth .auth-card .auth-head{ padding: 18px 16px 8px; }
}