/* iframe.css — order form styling, palette matched to landing */
@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap;font-style:normal;}
@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap;font-style:normal;}
@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope-700.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal;}
@font-face{font-family:'Manrope';src:url('../assets/fonts/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap;font-style:normal;}
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/spacegrotesk-600.woff2') format('woff2');font-weight:600;font-display:swap;font-style:normal;}
@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/spacegrotesk-700.woff2') format('woff2');font-weight:700;font-display:swap;font-style:normal;}

*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#ffffff;}
body{font-family:'Manrope',system-ui,sans-serif;color:#0d1b5e;-webkit-font-smoothing:antialiased;}

.content{padding:0;}
.ocard{display:flex;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(13,27,94,0.14);border:1px solid #e6ecfb;}

.oleft{flex:0 0 300px;background:linear-gradient(160deg,#eef2fb,#dde5f8);padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;}
.oleft img{width:150px;height:auto;filter:drop-shadow(0 18px 26px rgba(13,27,94,0.22));margin-bottom:16px;}
.opill{background:#fff;border:1.5px solid rgba(26,63,212,0.16);border-radius:40px;padding:7px 16px;font-weight:700;font-size:13px;color:#0d1b5e;box-shadow:0 6px 14px rgba(13,27,94,0.08);margin-bottom:12px;}
.obigprice{font-family:'Space Grotesk',sans-serif;font-size:44px;font-weight:700;color:#0d1b5e;line-height:1;}
.obigprice small{font-size:20px;color:#1a3fd4;font-weight:700;}

.oright{flex:1;padding:34px 34px 30px;min-width:0;}
.form-title{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;color:#0d1b5e !important;margin-bottom:5px;}
.form-title span,.form-title .psevdonim_i{color:#0d1b5e !important;}
.oright .fdesc{font-size:14px;color:#7480a4;margin-bottom:22px;line-height:1.4;}

.field{margin-bottom:16px;}
.field label{display:block;font-size:13px;font-weight:700;color:#3a4a8c;margin-bottom:7px;}
.field input{width:100%;padding:15px 16px;border:1.6px solid #dbe2f4;border-radius:13px;font-size:16px;font-family:'Manrope',sans-serif;background:#f7f9ff;color:#0d1b5e;transition:border-color .15s,box-shadow .15s;}
.field input::placeholder{color:#a7b0cf;}
.field input:focus{outline:none;border-color:#1a3fd4;box-shadow:0 0 0 4px rgba(26,63,212,0.14);background:#fff;}
.field input.invalid{border-color:#d64062;background:#fff5f7;}

.field-err{display:none;font-size:13px;font-weight:600;color:#d64062;margin-top:6px;line-height:1.3;}
.field.has-error .field-err{display:block;}

.submitb{width:100%;margin-top:6px;background:linear-gradient(135deg,#1a3fd4,#2f57e8);color:#fff;padding:18px;border:none;border-radius:14px;font-weight:800;font-size:17px;font-family:'Manrope',sans-serif;letter-spacing:.2px;box-shadow:0 14px 30px rgba(26,63,212,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s,box-shadow .12s;}
.submitb:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(26,63,212,0.48);}
.submitb:active{transform:translateY(0);}
.submitb svg{width:18px;height:18px;flex:0 0 auto;}

.securenote{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;font-size:13px;color:#8a94b6;font-weight:600;}
.securenote svg{width:16px;height:16px;flex:0 0 auto;}
.formfoot{text-align:center;margin-top:16px;font-size:13px;color:#9aa3c0;font-weight:600;}

@media (max-width:640px){
  .ocard{flex-direction:column;border-radius:20px;}
  .oleft{flex:0 0 auto;padding:26px 24px 20px;flex-direction:row;gap:18px;justify-content:center;}
  .oleft img{width:96px;margin-bottom:0;}
  .oleft .oleft-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
  .opill{margin-bottom:0;}
  .obigprice{font-size:38px;}
  .oright{padding:26px 22px 24px;}
  .field input{font-size:16px;}
}