.ic700-wrapper{
width:700px;
height:700px;
background:#020814;
padding:24px;
overflow:hidden;
}

.ic700-card{
width:100%;
height:100%;
}

.ic700-card h2{
font-family:Georgia,serif;
font-size:54px;
font-weight:300;
color:#f5f7ff;
margin:0 0 26px;
}

.ic700-inner{
border:1px solid rgba(49,91,149,0.45);
border-radius:26px;
padding:22px;
display:grid;
grid-template-columns:1.05fr 0.95fr;
gap:18px;
background:rgba(2,10,22,0.96);
}

.ic700-left h3{
font-size:34px;
color:#eef3ff;
font-weight:400;
margin:0 0 24px;
}

.ic700-field{
margin-bottom:24px;
}

.ic700-field label{
display:block;
font-size:16px;
color:#7f93b8;
margin-bottom:14px;
font-weight:600;
}

.ic700-field input{
width:100%;
background:transparent;
border:none;
border-bottom:1px solid rgba(255,255,255,0.28);
padding:0 0 12px;
font-size:28px;
color:#ffffff !important;
outline:none;
box-shadow:none !important;
}

.ic700-right{
display:flex;
align-items:center;
justify-content:center;
}

.ic700-result{
width:100%;
height:100%;
min-height:500px;
border:1px solid rgba(49,91,149,0.45);
border-radius:32px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#010814;
}

.ic700-result span{
font-size:18px;
letter-spacing:4px;
color:#6882b0;
margin-bottom:18px;
text-align:center;
}

.ic700-result h4{
margin:0;
font-size:64px;
color:#ffffff;
font-weight:700;
}

.ic700-note{
margin-top:22px;
text-align:center;
color:#6d7d98;
font-size:14px;
line-height:1.6;
}

@media(max-width:768px){

.ic700-wrapper{
width:100%;
height:auto;
padding:16px;
}

.ic700-inner{
grid-template-columns:1fr;
}

.ic700-result{
min-height:260px;
}

}