@font-face{font-family:Figtree;src:url(../fonts/Figtree-Variable.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--bg:#024c58;--ink:#10252b;--card:#fffcf9;--mute:#5d686c;--line:#7d8689;--pill:#efeeec;--pill-line:#dedcd8;--accent:#44e7c9;--err:#b3261e}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:#fff;font-family:Figtree,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
.q-head{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:28px 32px 20px}
.q-logo img{display:block;height:44px;width:auto}
.q-back{color:#fff;font-size:15px}
.q-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,9fr);gap:48px;max-width:1280px;margin:0 auto;padding:0 32px 40px;align-items:start}
.q-intro{padding-top:40px}
.q-intro h1{margin:0 0 14px;font-size:44px;font-weight:300;line-height:1.1}
.q-intro p{margin:0;font-size:18px}
.q-card{position:relative;background:var(--card);color:var(--ink);border-radius:18px;min-height:640px;min-width:0;display:flex}
.q-progress{position:absolute;inset:0 0 auto 0;height:3px;background:#d9d6d1;border-radius:18px 18px 0 0;overflow:hidden}
.q-progress span{display:block;height:100%;width:0;background:var(--ink);transition:width .4s ease}
form{width:100%;min-width:0;max-width:560px;margin:0 auto;padding:64px 24px 84px;align-self:center}
.q-step.is-enter-up{animation:q-enter-up .42s cubic-bezier(.22,.8,.3,1) both}
.q-step.is-enter-down{animation:q-enter-down .42s cubic-bezier(.22,.8,.3,1) both}
.q-step.is-leave-up{animation:q-leave-up .22s ease-in both}
.q-step.is-leave-down{animation:q-leave-down .22s ease-in both}
@keyframes q-enter-up{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes q-enter-down{from{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:none}}
@keyframes q-leave-up{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-36px)}}
@keyframes q-leave-down{from{opacity:1;transform:none}to{opacity:0;transform:translateY(36px)}}
.q-title{display:flex;align-items:flex-start;gap:8px;font-size:20px;line-height:1.3;margin-bottom:6px}
.q-title label{cursor:text}
.q-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:4px;border-radius:4px;background:var(--ink);color:#fff;font-size:11px;font-weight:600}
.q-title i,.q-label i{font-style:normal}
.q-sub{margin:0 0 24px 26px;font-size:14px;color:var(--mute)}
.q-field{margin:0 0 22px 26px}
.q-label{display:block;font-size:16px}
.q-hint{margin:2px 0 0;font-size:13px;color:var(--mute)}
.q-input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:8px 0;font:inherit;font-size:20px;color:var(--ink);outline:0}
.q-step[data-step="1"] .q-input{margin-left:26px;width:calc(100% - 26px)}
.q-input::placeholder,.q-dd-value.is-empty{color:#b4b4b0}
.q-input{transition:border-color .16s ease}
.q-input:focus{border-bottom:2px solid var(--ink);padding-bottom:7px}
.q-err{margin:6px 0 0;min-height:0;font-size:13px;color:var(--err)}
.q-err:empty{display:none}
.q-step[data-step="1"] .q-err{margin-left:26px}
.q-btn{display:inline-block;margin:6px 0 0 26px;padding:10px 20px;border:0;border-radius:999px;background:var(--ink);color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.q-btn{transition:background-color .16s ease,transform .16s ease}
.q-btn:hover{background:#00343a;transform:translateY(-1px)}
.q-btn[disabled]{opacity:.6;cursor:wait}
.q-end h2{margin:0 0 12px;font-size:30px;font-weight:400;line-height:1.2}
.q-end p{margin:0 0 12px;color:#37474c}
.q-end .q-btn{margin-left:0}
.q-nav{position:absolute;right:24px;bottom:24px;display:flex;gap:2px}
.q-nav button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:var(--ink);cursor:pointer}
.q-nav button:first-child{border-radius:8px 0 0 8px}.q-nav button:last-child{border-radius:0 8px 8px 0}
.q-nav button[disabled]{background:#c4c7c7;cursor:default}
.q-nav svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* dropdown */
.q-dd{position:relative}
.q-dd-field{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:8px 0;font:inherit;font-size:20px;color:var(--ink);text-align:left;cursor:pointer}
.q-dd-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-dd-field svg{flex:none;width:18px;height:18px;fill:none;stroke:#8b9396;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.q-dd-panel{position:absolute;z-index:20;top:-4px;left:-2px;right:-2px;background:var(--card);border:1px solid #ecebe7;border-radius:18px;box-shadow:0 8px 28px rgba(16,37,43,.12);padding:12px 8px 12px 16px;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top center;transition:opacity .16s ease,transform .18s cubic-bezier(.22,.8,.3,1)}
.q-dd-panel.is-open{opacity:1;transform:none}
.q-dd-search{display:flex;align-items:center;border-bottom:2px solid var(--ink);margin-right:10px}
.q-dd-search input{flex:1;min-width:0;border:0;background:none;outline:0;padding:6px 0;font:inherit;font-size:20px;color:var(--ink)}
.q-dd-search input::placeholder{color:#b4b4b0}
.q-dd-search svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.q-dd-list{list-style:none;margin:14px 0 0;padding:0 8px 0 0;max-height:216px;overflow-y:auto}
.q-dd-list li{margin:0 0 6px;padding:8px 14px;border:1px solid var(--pill-line);border-radius:999px;background:var(--pill);font-size:15px;line-height:1.3;cursor:pointer;transition:background-color .14s ease,transform .14s ease}
.q-dd-list li:hover,.q-dd-list li.is-active{background:#e4e3df;transform:translateX(2px)}
.q-dd-list li[aria-selected="true"]{outline:2px solid var(--ink);outline-offset:-2px}
.q-dd-empty{padding:8px 2px;font-size:14px;color:var(--mute)}
/* phone */
.iti{display:block;width:100%}
.iti__selected-country{background:none;border:0;cursor:pointer}
.iti__selected-country-primary{padding:0 8px 0 0}
.iti__flag{transform:scale(1.25);transform-origin:left center}
.iti__tel-input{font-size:20px!important}
.iti__country-list{border-radius:18px}
.iti__dropdown-content{border:1px solid #ecebe7;border-radius:18px;box-shadow:0 8px 28px rgba(16,37,43,.12);background:var(--card);padding:12px 8px 12px 14px;width:340px;max-width:calc(100vw - 72px)}
.iti__search-input{border:0;border-bottom:2px solid var(--ink);background:none;outline:0;padding:6px 0;font:inherit;font-size:18px;color:var(--ink);width:calc(100% - 10px)}
.iti__country-list{margin-top:12px;max-height:230px;padding-right:6px;border:0;box-shadow:none}
.iti__country{margin:0 0 6px;padding:8px 12px;border:1px solid var(--pill-line);border-radius:999px;background:var(--pill);font-size:15px}
.iti__country.iti__highlight{background:#e4e3df}
.iti__country[aria-selected="true"]{outline:2px solid var(--ink);outline-offset:-2px}
.iti__divider{display:none}

/* phone list opens outside the card on phones, so it needs its own colours */
.iti--container,.iti__dropdown-content,.iti__country,.iti__country-name{color:var(--ink)}
.iti__dial-code{color:var(--mute)}
.iti__country{display:flex;align-items:center;gap:8px}
.iti__country-name{margin:0}
.iti--fullscreen-popup.iti--container{display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,40,47,.55)}
.iti--fullscreen-popup .iti__dropdown-content{width:100%;max-width:420px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
.iti--fullscreen-popup .iti__country-list{max-height:none;flex:1;min-height:0;overflow-y:auto}


/* guarantees under the form */
.q-trust{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;list-style:none;margin:-28px 0 0;padding:0;font-size:14px;color:rgba(255,255,255,.9)}
.q-trust li{display:flex;align-items:center;gap:6px}
.q-trust svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* country list */
.iti__dropdown-content{animation:q-pop .18s cubic-bezier(.22,.8,.3,1) both}
@keyframes q-pop{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
.iti--fullscreen-popup.iti--container{animation:q-fade .16s ease both}
@keyframes q-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.q-step,.q-dd-panel,.iti__dropdown-content,.iti--container{animation:none!important;transition:none!important}}
/* small footer */
.q-foot{max-width:1280px;margin:0 auto;padding:8px 32px 32px;text-align:center;font-size:13px;line-height:1.5;color:rgba(255,255,255,.72)}
.q-foot_logo img{display:block;height:44px;width:auto;margin:0 auto 18px}
.q-foot p{margin:0 0 10px}
.q-foot a{color:inherit}
.q-foot_links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
@media (max-width:991px){
  .q-main{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 16px 24px}
  .q-intro{padding-top:8px}
  .q-intro h1{font-size:34px}
  .q-intro p{font-size:16px}
  .q-card{min-height:520px}
  .q-head{padding:18px 16px 14px}
  .q-logo img{height:36px}
  .q-trust{grid-column:1;margin-top:-10px;justify-content:center;font-size:13px}
  .q-foot{padding:4px 16px 24px}
  .q-foot_logo img{height:36px}
  form{padding:44px 18px 76px}
  .q-title{font-size:18px}
  .q-field{margin-left:0}
  .q-btn,.q-sub{margin-left:0}
  .q-step[data-step="1"] .q-input{margin-left:0;width:100%}
  .q-step[data-step="1"] .q-err{margin-left:0}
  .q-input,.q-dd-field{font-size:18px}
  .q-dd-search input{font-size:16px}
}
.q-head_right{display:flex;align-items:center;gap:16px}
.lang-switch{display:inline-flex;align-items:center;gap:2px;font-size:14px;line-height:1;flex:none}
.lang-switch_link{padding:6px;color:inherit;font-weight:500;text-decoration:none;opacity:.55;transition:opacity .2s ease}
.lang-switch_link:hover,.lang-switch_link.is-active{opacity:1}
.lang-switch_link.is-active{text-decoration:underline;text-underline-offset:4px}
@media (max-width:480px){
  .q-logo img{height:30px}
  .q-head_right{gap:8px}
  .q-back{font-size:13px;white-space:nowrap}
}
@media (max-width:359px){.q-back{display:none}}
.q-foot_disclaimer{max-width:760px;margin:14px auto 0!important;font-size:12px;line-height:1.5;color:rgba(255,255,255,.6)}