@font-face {font-family: open-sans; src: url('/fonts/opensansregular.ttf');}
@font-face {font-family: open-sans-light; src: url('/fonts/opensanslight.ttf');}

* {font-family: 'Open Sans', sans-serif;color: #2f3a40;box-sizing: border-box;-moz-box-sizing: border-box;font-size: 14px;outline: none;margin: 0;padding: 0;}
body {background-image: radial-gradient(circle, #0a75ac, #045078);background-color:#0a75ac;height:100%;box-shadow: 0 7px 9px -7px #000 inset;background-attachment:fixed;}
.wrapper {position: relative;}
.logo {width:300px;position: absolute;left:50%;margin: 30px 0 0 -150px}
*::-webkit-input-placeholder {color: rgba(0,0,0, .2);}*:-moz-placeholder {color: rgba(0,0,0, .2);} *::-moz-placeholder {color: rgba(0,0,0, .2);}*:-ms-input-placeholder {color: rgba(0,0,0, .2);}


.wrapper {min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 24px;}
.login {width: 100%;max-width: 380px;background: rgba(255, 255, 255, 0.96);border: 1px solid rgba(255, 255, 255, 0.55);border-radius: 7px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.18),0 4px 14px rgba(0, 0, 0, 0.10);padding: 30px 28px 24px;}
.login a {color:rgba(0, 0, 0, .4);text-decoration: none;margin-top: 8px;font-size:12px;}
.login a.language {display:block;margin-top:10px;}
.login h1 {font-family: "open-sans-light", 'Open Sans', sans-serif;font-size: 26px;line-height: 1.2;text-align: center;color: #1d2b36;margin-bottom: 22px;}
.login input {width: 100%;display: block;margin:16px 0;padding:8px;color: rgba(0,0,0, .7);}
.login input[type='text'], .login input[type='password'] {padding:12px;margin: 20px 0;background:#fcfcfc;border-radius: 7px;border: 1px solid #ddd;transition:border .4s}
.login input[type='text']:focus, .login input[type='password']:focus {box-shadow: 0 0 3px rgba(81, 203, 238, 1),inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;border-color: rgba(81, 203, 238, 1);}
.login input[type='submit'] {transition: border .4s}
.login .validation {border-left: 3px solid #ff4400; padding: 8px;color: #b0b0b0;text-align: center;margin-bottom: 20px;}
.login .info {text-align: center;margin-bottom: 20px;}
.login .info, .login .info * {font-size: 12px; color: #b0b0b0;font-size: 14px;line-height: 1.5;color: #667784;}
.login .info .email-pill {display: inline-block;margin: 12px 0;padding: 6px 20px;background: #eef6fb;border: 1px solid #d6e8f4;border-radius: 999px;font-size: 14px;font-weight: 600;color: #14597d;max-width: 100%;overflow-wrap: anywhere;}
.login input[type='submit'] {margin-top: 4px;padding: 12px;border: none;border-radius: 7px;background: linear-gradient(180deg, #1789c7 0%, #0f6ea5 100%);color: #fff;font-size: 15px;font-weight: 600;cursor: pointer;
								transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;}
.login input[type="submit"]:disabled {opacity: 0.6; cursor: not-allowed;}								
.login input[type='submit']:focus, .login input[type='submit']:hover {box-shadow: 1px 8px 10px rgba(0,0,0,.4);}
.login a.submit-link {display:block;margin-top:20px;padding:12px;border-radius:7px;background:linear-gradient(180deg,#1789c7 0%,#0f6ea5 100%);color:#fff;font-size:15px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;}
.login a.submit-link:hover {box-shadow: 1px 8px 10px rgba(0,0,0,.4);}
.login .link-button {display:block;width:100%;margin-top:14px;padding:8px;background:none;border:none;color:#888;font-size:13px;cursor:pointer;text-align:center;text-decoration:underline;}
.login .link-button:hover {color:#3388ff;}
.xxx.login .requirements-banner {padding:8px 12px;margin:0 0 16px;color:#667784;font-size:12px;line-height:1.4;text-align:center;}
.login .requirements-banner {background:#eef6fb;border:1px solid #d6e8f4;xxxborder-left:3px solid #1789c7;border-radius:6px;padding:10px 14px;margin:0 0 16px;color:#14597d;font-size:13px;line-height:1.4;}    

.login .radio-group  input[type="radio"] { width: auto;}
.login .radio-group {display: flex;flex-direction: column;gap: 10px;margin: 16px 0;}
.login .radio-group .radio-option { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 7px; background: #fcfcfc; cursor: pointer; transition: border .2s, background .2s;}
.login .radio-group .radio-option:hover { border-color: #1789c7; background: #f4f9fc;}
.login .radio-group .radio-option input[type="radio"] { accent-color: #1789c7; /* modern browsers */ transform: scale(1.2);}
.login .radio-group .radio-option:has(input:checked) { border-color: #1789c7; background: #eef6fb;}
.login .radio-group .radio-option strong { font-weight: 600; color: #1d2b36;}

.code-input {padding: 8px !important;text-align: center;font-size: 28px !important;letter-spacing: 0.35em;}

.forgot-password .info a, .customer-login .info a {	color: #3388ff !important;}

.login .buttonbar a {color: #bbb;font-size: inherit;padding: 0;margin: 0}
.login .buttonbar a:hover {color: #3388ff;}
.login .buttonbar input[type='submit'] {padding: 8px 40px;width: auto;margin: 0}
.login .buttonbar {display: flex; flex-direction: row; gap: 8px;align-items: center;margin-top:40px;justify-content: flex-end;}

@media (max-width: 480px) {
	.wrapper {padding: 16px;}
	.login {max-width: 100%;padding: 24px 20px 20px;border-radius: 14px;}
    .login h1 {font-size: 24px;}
    .code-input {font-size: 24px !important;}
}

@supports (-webkit-touch-callout: none) {
    body {background-image: none;box;box-shadow:none;background-color: #045078; background-image: linear-gradient(transparent, #0a75ac, transparent);background-attachment: fixed;}
    .wrapper { min-height: 100svh;}
}