@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
/* Voluncare general registration, mobile card design, isolated from login and Active Team */
html:has(body.vlc-registration-page){background:#edf0f5!important}
body.vlc-registration-page{margin:0!important;background:#edf0f5!important;font-family:Arial,Helvetica,sans-serif!important;color:#101010!important;min-height:100vh}
body.vlc-registration-page *,body.vlc-registration-page *::before,body.vlc-registration-page *::after{box-sizing:border-box}
body.vlc-registration-page .vlc-registration-layout{position:relative;isolation:isolate;overflow:hidden;width:min(430px,100%);max-width:430px;min-height:760px;margin:24px auto;padding:38px 27px 32px;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(27,42,65,.09);display:flex;flex-direction:column}
body.vlc-registration-page .vlc-registration-layout::before{content:"";position:absolute;z-index:-1;left:-110px;top:-112px;width:310px;height:245px;border-radius:0 0 95% 30%;background:linear-gradient(138deg,rgba(246,101,118,.40) 0 51%,rgba(238,15,39,.86) 52% 74%,transparent 75%);transform:rotate(-7deg);pointer-events:none}
body.vlc-registration-page .vlc-registration-layout::after{content:"";position:absolute;z-index:-1;right:-115px;bottom:-95px;width:340px;height:235px;border-radius:90% 20% 0 0;background:linear-gradient(155deg,transparent 0 26%,rgba(246,117,137,.21) 27% 57%,rgba(224,12,36,.79) 58%);transform:rotate(-14deg);pointer-events:none}
body.vlc-registration-page .vlc-registration-back{position:absolute;top:43px;left:24px;z-index:2;width:36px;height:36px;border-radius:11px;background:#f1f1f1;color:#101010;text-decoration:none;display:grid;place-items:center;font-size:25px;line-height:1}
body.vlc-registration-page .vlc-registration-heading{padding:0!important;margin:0!important;text-align:left!important;background:transparent!important}
body.vlc-registration-page .vlc-registration-heading img{display:block!important;width:155px!important;max-width:155px!important;height:auto!important;max-height:125px;object-fit:contain;margin:0 auto 48px!important}
body.vlc-registration-page .vlc-registration-heading h1{font-size:27px!important;line-height:1.15!important;letter-spacing:-.7px;margin:0 0 10px!important;font-weight:800!important;color:#080808!important}
body.vlc-registration-page .vlc-registration-heading p{font-size:14px!important;line-height:1.5!important;color:#73777e!important;margin:0 0 22px!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) form{display:block!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) form>label:not(.vlc-consent){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) form>input:not([type=hidden]),body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) .vlc-password-field input{display:block!important;width:100%!important;height:49px!important;min-height:49px!important;margin:0 0 12px!important;border:1px solid #c9cdd3!important;border-radius:9px!important;background:#fff!important;color:#25272c!important;font-size:13px!important;box-shadow:none!important;padding:0 14px 0 47px!important}
body.vlc-registration-page #vlc_full_name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2z'/%3E%3C/svg%3E")!important}
body.vlc-registration-page #vlc_email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='1.7'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E")!important}
body.vlc-registration-page #vlc_phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 2h4l2 5-3 2c1 3 3 5 6 6l2-3 5 2v4c0 2-2 4-4 4C9 22 2 15 2 6c0-2 2-4 4-4z'/%3E%3C/svg%3E")!important}
body.vlc-registration-page #vlc_city{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='1.7'%3E%3Cpath d='M12 22s8-7 8-13a8 8 0 1 0-16 0c0 6 8 13 8 13z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E")!important}
body.vlc-registration-page #vlc_password,body.vlc-registration-page #vlc_password_confirm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='1.7'%3E%3Crect x='4' y='10' width='16' height='12' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important}
body.vlc-registration-page #vlc_full_name,body.vlc-registration-page #vlc_email,body.vlc-registration-page #vlc_phone,body.vlc-registration-page #vlc_city,body.vlc-registration-page #vlc_password,body.vlc-registration-page #vlc_password_confirm{background-repeat:no-repeat!important;background-size:20px 20px!important;background-position:15px center!important}
body.vlc-registration-page .vlc-password-field{position:relative!important}
body.vlc-registration-page .vlc-password-field input{padding-right:70px!important}
body.vlc-registration-page .vlc-password-field .vlc-password-toggle{position:absolute!important;right:5px!important;top:7px!important;width:auto!important;min-height:34px!important;height:34px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#707782!important;font-size:11px!important;cursor:pointer}
body.vlc-registration-page .vlc-password-hint{margin:5px 0 16px!important;padding:14px 15px!important;border-radius:10px!important;background:#fdeced!important;font-size:12px!important;color:#606771!important;line-height:1.55!important}
body.vlc-registration-page .vlc-password-hint strong{font-size:13px;color:#c91021}
body.vlc-registration-page .vlc-password-hint ul{margin:7px 0 0 17px!important;padding:0!important}
body.vlc-registration-page .vlc-consent{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:18px 0 24px!important;font-size:12px!important;font-weight:400!important;line-height:1.55!important;color:#5c626b!important}
body.vlc-registration-page .vlc-consent input{margin:2px 0 0!important;width:19px!important;height:19px!important;flex-shrink:0;accent-color:#e50022}
body.vlc-registration-page .vlc-consent strong{color:#c90d1c;font-weight:700}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) button[type=submit]{display:block!important;width:100%!important;min-height:49px!important;margin:0!important;border:0!important;border-radius:8px!important;background:#e50022!important;color:white!important;font-size:15px!important;font-weight:800!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) button[type=submit]:disabled{background:#b9bdc5!important;opacity:.85!important;cursor:not-allowed!important}
body.vlc-registration-page .vlc-register-login{text-align:center!important;margin:25px 0 10px!important;color:#777d87!important;font-size:12px!important}
body.vlc-registration-page .vlc-register-login a{color:#c90d1c!important;font-weight:700!important;text-decoration:none!important}
body.vlc-registration-page .vlc-registration-confirmation{padding:20px!important;text-align:center!important}
@media(max-width:480px){html:has(body.vlc-registration-page),body.vlc-registration-page{background:#fff!important}body.vlc-registration-page .vlc-registration-layout{width:100%!important;min-height:100dvh!important;margin:0!important;padding:38px 24px 32px!important;border-radius:0!important;box-shadow:none!important}}

/* v1.6.66: matching reference typography, visible placeholders and eye controls */
body.vlc-registration-page{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body.vlc-registration-page .vlc-registration-heading h1{font-family:inherit!important;font-weight:800!important;letter-spacing:-.85px!important}
body.vlc-registration-page .vlc-registration-heading p{font-family:inherit!important;font-weight:400!important;letter-spacing:-.15px!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) form>input:not([type=hidden])::placeholder,
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) .vlc-password-field input::placeholder{color:#777d86!important;opacity:1!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important}
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) form>input:not([type=hidden]),
body.vlc-registration-page .vlc-form-wrap:not(.vlc-active) .vlc-password-field input{font-family:inherit!important;font-size:13px!important;line-height:normal!important}
body.vlc-registration-page .vlc-password-field .vlc-password-toggle{
  display:block!important;position:absolute!important;right:8px!important;top:7px!important;
  width:35px!important;height:35px!important;min-height:35px!important;
  padding:0!important;border:0!important;background-color:transparent!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:21px 21px!important;
  font-size:0!important;color:transparent!important;box-shadow:none!important;cursor:pointer!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.6 5.1A11 11 0 0 1 12 5c5 0 9 4 10 7a14 14 0 0 1-3 4.1M6.2 6.2C3.8 7.6 2.5 10 2 12c1 3 5 7 10 7 1.5 0 2.9-.4 4.2-1.1'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")!important;
}
body.vlc-registration-page .vlc-password-field .vlc-password-toggle:has(+ *){outline:none}
body.vlc-registration-page .vlc-password-field:has(input[type=text]) .vlc-password-toggle{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777d85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important;
}
body.vlc-registration-page .vlc-password-field input{padding-right:53px!important}
body.vlc-registration-page .vlc-password-field .vlc-password-toggle:focus-visible{outline:2px solid #df0921!important;outline-offset:1px!important}

/* Registration success only: preserve existing registration form styling. */
body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-heading h1,
body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-heading p{display:none!important}
body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-heading img{width:135px!important;max-width:135px!important;margin:0 auto 12px!important}
body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-layout{min-height:650px;padding:28px 25px 38px!important}
body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-back{top:28px;left:24px}
body.vlc-registration-page .vlc-registration-confirmation{display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:0!important;max-width:100%!important;text-align:center!important;font-family:Inter,Arial,sans-serif!important}
body.vlc-registration-page .vlc-confirmation-icon{width:102px;height:102px;margin:3px auto 8px;position:relative}
body.vlc-registration-page .vlc-confirmation-icon::before{content:"";position:absolute;inset:8px -8px;border-radius:45%;background:#eaf9ed;z-index:0}
body.vlc-registration-page .vlc-confirmation-icon svg{position:relative;width:100%;height:100%}
body.vlc-registration-page .vlc-registration-confirmation h2{font-size:25px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.7px!important;margin:0 0 20px!important;color:#111!important}
body.vlc-registration-page .vlc-registration-confirmation h2 span{display:block;color:#e60012!important}
body.vlc-registration-page .vlc-confirmation-notice{display:flex;align-items:center;gap:12px;background:#e4f9e9;border-radius:10px;padding:13px 14px;text-align:left;color:#146b2a}
body.vlc-registration-page .vlc-confirmation-notice svg{width:30px;height:30px;flex:0 0 30px;color:#228b3a}
body.vlc-registration-page .vlc-confirmation-notice p{margin:0!important;padding-left:12px;border-left:2px solid #9ddca9;font-size:12px!important;line-height:1.5!important;font-weight:650!important;color:#146b2a!important}
body.vlc-registration-page .vlc-confirmation-description{font-size:12.5px!important;line-height:1.7!important;color:#626873!important;margin:18px 5px 26px!important}
body.vlc-registration-page .vlc-confirmation-description mark{background:#fff2a8;color:#513a00;border-radius:4px;padding:2px 3px;font-weight:700}
body.vlc-registration-page .vlc-registration-confirmation a.vlc-confirmation-button,
body.vlc-registration-page .vlc-registration-confirmation a.vlc-confirmation-secondary{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;border-radius:9px;text-decoration:none!important;font-size:14px!important;font-weight:750!important;box-sizing:border-box}
body.vlc-registration-page .vlc-registration-confirmation a.vlc-confirmation-button{background:#e60012!important;color:#fff!important;border:1.5px solid #e60012!important}
body.vlc-registration-page .vlc-registration-confirmation a.vlc-confirmation-button:hover{background:#c90010!important}
body.vlc-registration-page .vlc-registration-confirmation a.vlc-confirmation-secondary{background:#fff!important;color:#d90012!important;border:1.5px solid #e60012!important;margin-top:12px}
body.vlc-registration-page .vlc-registration-confirmation a svg{height:21px;width:21px;flex-shrink:0}
@media(max-width:480px){body.vlc-registration-page:has(.vlc-registration-confirmation) .vlc-registration-layout{min-height:100dvh!important;margin:0!important;border-radius:0!important;padding:28px 24px 38px!important}}

/* Voluncare typography consistency v1.6.70 */
body.vlc-registration-page {font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
