#msf {    font-family: 'Inter', sans-serif;    text-align: center;}
.msf-card {    width: 600px; max-width: 100%;    margin: 50px auto;}
.msf-title {    font-size: 28px;    font-weight: 600;    color: #222;    margin-bottom: 40px;    line-height: 1.4;}
.msf-btn-group {    display: flex;    flex-direction: column;    gap: 15px;    align-items: center;}
.msf-btn{ width:260px; padding:13px 20px; border-radius:30px; border:1px solid #ccc; background:#f2f2f2; color:#000080; font-weight:600;    letter-spacing:1px; cursor:pointer;	font-size:16px; transition: all 0.3s ease;}
.msf-btn:hover {    background: #000080;    color: #fff;    border-color: #000080;}
.msf-btn:active {    transform: scale(0.97);}
.msf-input{ width:100%; max-width:420px; padding:14px 20px; border-radius:30px; border:1px solid #a0a0a0; font-size:14px; outline:none;  transition: all 0.25s ease; background: #fff; margin: 0 0 10px 0; height:48px;}
.msf-consent label{  font-size: 14px;  line-height: 20px; margin-bottom: 20px;  display: block;}
.msf-next{ width:260px;  padding:13px 20px 14px;  border-radius: 25px;  background: #000080;  color: #fff;  border:1px solid #000080;  cursor: pointer;  font-size: 16px;  font-weight: 600;  line-height: 18px;}
.msf-next:hover{ background:#fff; color:#000080;}
.msf-submit{ font-size:18px; padding:16px 50px; border-radius:30px; background: #000080; color:#fff; border:none; font-weight: 600;    cursor: pointer;	transition: all 0.3s ease;}
.msf-submit:hover{ background:#ed1c24;}
.msf-progress-wrap {    max-width: 600px;    margin: 30px auto;}
.msf-progress-bar {    height: 6px;    background: #eee;    border-radius: 10px;    overflow: hidden;}
.msf-progress-fill {    height: 100%;    width: 0%;    background: #00bf22;    transition: width 0.3s ease;}
.msf-step {    display: none;    animation: fadeIn 0.4s ease;}
.msf-step.active {    display: block;}
.msf-checkbox-group {    display: flex;    flex-direction: column;    gap: 12px;    margin-bottom: 20px;}
.msf-checkbox {    display: flex;    align-items: center;    background: #e6e6e6;    border-radius: 999px;    padding: 12px 16px; cursor:pointer;    transition: all 0.2s ease;    border: 1px solid #d0d0d0;}
.msf-checkbox:hover {    background: #dcdcdc;}
.msf-checkbox input {    width: 16px;    height: 16px;    margin-right: 12px;    accent-color: #4a3aff; cursor: pointer;}
.msf-checkbox span {    font-size: 14px;    color: #2b2b2b;}
.msf-checkbox input:checked + span {    font-weight: 600;}
.msf-checkbox:has(input:checked) {    background: #d4d1ff;    border-color: #6c63ff;}

.msf-consent {  text-align: left;}

@keyframes fadeIn {
	from {  opacity:0; transform: translateY(15px);    }
    to { opacity:1; transform: translateY(0);    }
}

@media (max-width: 600px) {

.msf-title{ font-size:22px; }
.msf-btn, .msf-input,  .msf-next, .msf-submit{ max-width:90%;}
.msf-card, .msf-progress-wrap {  margin:20px auto;}	
.msf-title{ margin-bottom:20px;}
#msf-form .msf-step:nth-child(2) h2{  padding-bottom: 20px;}
#msf-form .msf-step:nth-child(3) h2{  padding-bottom: 20px;}
#msf-form .msf-step:nth-child(7) h2{  padding-bottom: 20px;}
}