@font-face{font-family:In2meetPoppins;src:url("../fonts/in2meet-poppins/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:In2meetPoppins;src:url("../fonts/in2meet-poppins/Poppins-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:In2meetPoppins;src:url("../fonts/in2meet-poppins/Poppins-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
/* Presence-scoped shell reset: existing header/footer retain their wrapper ownership. */
body:has(.in2meet-registration){margin:0;padding:0!important;background:#030e19!important}
body:has(.in2meet-registration)::before{display:none}
.pjaxcontainer-inner:has(.in2meet-registration){background:#030e19}
.main-inner-content:has(.in2meet-registration),#main_page:has(.in2meet-registration),#main_page>.container:has(.in2meet-registration),#main_page>.container>.row-content:has(.in2meet-registration){width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent;border:0}
.in2meet-registration{--i2r-pink:#ff22b7;box-sizing:border-box;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:16px 16px calc(32px + env(safe-area-inset-bottom));background:#030e19;color:#f8f7fc;font-family:In2meetPoppins,Arial,sans-serif;font-size:16px;line-height:1.5}
.in2meet-registration *,.in2meet-registration *::before,.in2meet-registration *::after{box-sizing:border-box}
.in2meet-registration a{color:var(--i2r-pink);text-decoration:none}
.in2meet-registration button,.in2meet-registration input,.in2meet-registration select{font:inherit}
.in2meet-registration a:focus-visible,.in2meet-registration button:focus-visible,.in2meet-registration select:focus-visible,.in2meet-registration input:focus-visible{outline:2px solid var(--i2r-pink);outline-offset:3px}
.in2meet-registration [hidden]{display:none!important}
.in2meet-registration .i2r-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.in2meet-registration .i2r-topbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;height:auto;min-height:44px;max-width:1440px;margin:auto;padding:0;background:transparent;border:0;box-shadow:none}
.in2meet-registration .i2r-brand{display:flex;align-items:center;gap:10px;color:#fff}
.in2meet-registration .i2r-brand img{width:40px;height:36px;object-fit:contain}
.in2meet-registration .i2r-brand strong{font-size:24px;font-weight:600;letter-spacing:-1px;white-space:nowrap}
.in2meet-registration .i2r-brand strong span,.in2meet-registration .i2r-story h2 span{color:var(--i2r-pink)}
.in2meet-registration .i2r-top-actions{display:flex;align-items:center;gap:28px;min-width:0}
.in2meet-registration .i2r-language{display:flex;gap:6px;align-items:center;margin:0;font-weight:400}
.in2meet-registration .i2r-language select{width:auto;max-width:105px;height:44px;padding:5px;background:#091626;color:#fff;border:0;border-radius:8px;font-size:12px;box-shadow:none}
.in2meet-registration .i2r-top-login{display:none;margin:0;font-size:14px}
.in2meet-registration .i2r-top-login a{margin-inline-start:8px;font-weight:600}
.in2meet-registration .i2r-main{max-width:1440px;margin:0 auto}
.in2meet-registration .i2r-story{max-width:560px;margin:0 auto;padding:20px 0 28px;text-align:center}
.in2meet-registration .i2r-mobile-mark{width:100px;height:88px;margin:0 auto 18px;object-fit:contain}
.in2meet-registration .i2r-story h2{margin:0;color:#fff;font-size:clamp(25px,6.8vw,38px);font-weight:700;line-height:1.25;letter-spacing:-.8px;overflow-wrap:break-word}
.in2meet-registration .i2r-story>p{margin:16px 0 0;color:#f8f7fc;font-size:clamp(14px,3.6vw,18px)}
.in2meet-registration .i2r-benefits{display:none}
.in2meet-registration .i2r-card{min-width:0;max-width:560px;margin:0 auto;padding:0}
.in2meet-registration .i2r-card-mark,.in2meet-registration .i2r-intro{display:none}
.in2meet-registration .i2r-card h1{margin:0 0 22px;color:#fff;font-size:24px;font-weight:600;text-align:center}
.in2meet-registration .i2r-form{display:grid;gap:14px;min-width:0}
.in2meet-registration .i2r-names{display:grid;gap:14px;min-width:0}
.in2meet-registration .i2r-field{position:relative;min-width:0}
.in2meet-registration .i2r-field>i{position:absolute;top:17px;inset-inline-start:17px;width:20px;pointer-events:none;color:#fff;font-size:21px;text-align:center}
.in2meet-registration .i2r-field>input,.in2meet-registration .i2r-phone .iti input{display:block;width:100%;min-width:0;height:56px;margin:0;padding:13px 16px 13px 49px;border:1px solid #234359;border-radius:18px;background:#081c2b;color:#fff;font-size:16px;box-shadow:none;line-height:1.5}
.in2meet-registration .i2r-field>input::placeholder{color:#bdc4d3;opacity:1}
.in2meet-registration .i2r-field>input:focus{border-color:var(--i2r-pink)}
.in2meet-registration .i2r-field>input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 100px #081c2b inset}
.in2meet-registration .i2r-field>input[type=password],.in2meet-registration .i2r-field>input[autocomplete=new-password]{padding-inline-end:52px}
.in2meet-registration .i2r-eye{position:absolute;top:6px;inset-inline-end:5px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#fff;cursor:pointer}
.in2meet-registration .i2r-gender{min-width:0;margin:0;padding:0;border:0}
.in2meet-registration .i2r-gender legend{width:auto;margin:0 0 8px;padding:0;border:0;color:#c9d0dd;font-size:13px}
.in2meet-registration .i2r-gender>div{display:flex;gap:12px}
.in2meet-registration .i2r-gender label{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:0;padding:9px 12px;border:1px solid #234359;border-radius:14px;background:#081c2b;font-weight:400;cursor:pointer}
.in2meet-registration .i2r-gender label:has(input:checked){border-color:var(--i2r-pink);background:#52144e55}
.in2meet-registration .i2r-gender input,.in2meet-registration .i2r-check input{flex:none;width:20px;height:20px;margin:0;accent-color:#ec00bb;cursor:pointer}
.in2meet-registration .i2r-check{display:flex;align-items:flex-start;gap:12px;margin:4px 0;padding:0;color:#e0dfeb;font-size:13px;font-weight:400;line-height:1.7}
.in2meet-registration .i2r-check input{width:24px;height:24px;margin-top:1px}
.in2meet-registration .i2r-check span{min-width:0;overflow-wrap:anywhere}
.in2meet-registration .i2r-check a{color:#30bcff;text-decoration:underline;text-underline-offset:3px}
.in2meet-registration .i2r-check:has(input:disabled){opacity:.65}
.in2meet-registration .i2r-note{margin:-8px 0 0;padding-inline-start:36px;color:#b9bacb;font-size:12px;overflow-wrap:anywhere}
.in2meet-registration .i2r-submit{width:100%;min-height:58px;margin-top:6px;padding:14px 20px;border:0;border-radius:20px;background:linear-gradient(105deg,#ff3b86,#ed00c9 50%,#4522ff);color:#fff;font-size:20px;font-weight:600;cursor:pointer}
.in2meet-registration .i2r-submit:disabled{opacity:.65;cursor:wait}
.in2meet-registration .i2r-login{margin:26px 0 0;text-align:center;color:#d1cedd;font-size:14px;line-height:1.8}
.in2meet-registration .i2r-login a{display:inline-block;min-height:44px;padding:8px;font-weight:600}
.in2meet-registration .i2r-errors{padding:14px;border:1px solid #fa7baf;border-radius:14px;background:#361529;color:#ffcfdf;overflow-wrap:anywhere;font-size:14px}
.in2meet-registration .i2r-errors p{margin:0 0 6px}
/* The existing telephone widget stays inside this page, including its popup. */
.in2meet-registration .iti{width:100%;--iti-border-color:#234359;--iti-hover-color:#153449;--iti-dropdown-bg:#081c2b;--iti-arrow-color:#ddd;--iti-dialcode-color:#bbc5d8}
.in2meet-registration .i2r-phone>input{padding-inline-start:16px}
.in2meet-registration .i2r-phone .iti input{padding-inline-start:80px}
.in2meet-registration .iti__selected-country{border-radius:18px 0 0 18px;color:#fff;background:transparent}
.in2meet-registration .iti__dropdown-content{max-width:100%;border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 12px 32px #0008}
.in2meet-registration .iti__country-list{max-height:220px;max-height:min(220px,40svh);padding:0}
.in2meet-registration .iti__country{white-space:normal;font-size:14px}
.in2meet-registration .iti__search-input{width:100%;max-width:100%;margin:0;padding:12px;background:#10293a;color:#fff;border:0;border-bottom:1px solid #234359;font-size:16px}
/* Reuse the profile's jQuery UI calendar, scoped to registration only. */
.in2meet-registration .i2r-birth>label{display:block;margin:0 0 8px;color:#c9d0dd;font-size:13px}
.in2meet-registration .i2r-calendar{margin-top:8px}
.in2meet-registration .i2r-calendar .ui-datepicker{box-sizing:border-box;width:100%;padding:8px;border:1px solid #234359;border-radius:14px;background:#081c2b;color:#fff}
.in2meet-registration .i2r-calendar .ui-datepicker-header{background:#10293a;border:0;color:#fff}
.in2meet-registration .i2r-calendar .ui-datepicker-title select{width:auto;max-width:46%;margin:0 2px;background:#10293a;color:#fff;border:1px solid #234359}
.in2meet-registration .i2r-calendar table{width:100%;margin:0}
.in2meet-registration .i2r-calendar th{color:#c9d0dd;background:transparent}
.in2meet-registration .i2r-calendar .ui-icon{filter:brightness(0) invert(1)}
.in2meet-registration .i2r-calendar td a,.in2meet-registration .i2r-calendar td span{padding:8px 2px;text-align:center;background:#10293a;border:0;color:#fff}
.in2meet-registration .i2r-calendar .ui-state-active{background:#b00088;color:#fff}
.in2meet-registration .i2r-calendar .ui-state-hover{background:#52144e;color:#fff}
@media(min-width:600px){
    .in2meet-registration{padding:24px 32px 40px}
    .in2meet-registration .i2r-names{grid-template-columns:repeat(2,minmax(0,1fr))}
    .in2meet-registration .i2r-brand strong{font-size:32px}
    .in2meet-registration .i2r-brand img{width:58px;height:52px}
    .in2meet-registration .i2r-language select{max-width:150px;font-size:14px}
}
@media(min-width:992px){
    .in2meet-registration{padding:24px 40px 48px;background:linear-gradient(90deg,rgba(3,14,25,.14),rgba(3,14,25,.3) 48%,#030e19 79%),linear-gradient(180deg,#030e1944,transparent 25%,#030e19 95%),url("../img/in2meet/login_hero.png") 24% top/auto 1000px no-repeat #030e19}
    .in2meet-registration .i2r-top-login{display:block}
    .in2meet-registration .i2r-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(400px,1fr);align-items:center;gap:36px;padding-top:28px}
    .in2meet-registration .i2r-story{max-width:none;margin:0;padding:140px 0 40px;text-align:start}
    .in2meet-registration .i2r-story h2{font-size:clamp(36px,3.9vw,58px);line-height:1.2;text-shadow:0 3px 24px #0008}
    .in2meet-registration .i2r-story>p{font-size:clamp(18px,2vw,28px);text-shadow:0 3px 20px #000}
    .in2meet-registration .i2r-mobile-mark{display:none}
    .in2meet-registration .i2r-benefits{display:flex;gap:32px;margin:40px 0 0;padding:0;list-style:none}
    .in2meet-registration .i2r-benefits li{display:grid;justify-items:center;gap:12px;text-align:center;font-size:16px}
    .in2meet-registration .i2r-benefits i{display:grid;place-items:center;width:76px;height:76px;border:3px solid #d222e1;border-radius:50%;color:#ff51c7;font-size:30px}
    .in2meet-registration .i2r-benefits li:last-child i{color:#65beff;border-color:#7954ff}
    .in2meet-registration .i2r-card{width:100%;max-width:580px;margin:0 0 0 auto;padding:28px clamp(24px,2.8vw,44px);border:1px solid #554174;border-radius:32px;background:linear-gradient(150deg,#12112de8,#031422f5 35%,#030f1fec);box-shadow:0 0 45px #10082344}
    .in2meet-registration .i2r-card-mark{display:block;width:86px;height:76px;object-fit:contain;margin:0 auto 12px}
    .in2meet-registration .i2r-card h1{margin-bottom:6px;font-size:32px}
    .in2meet-registration .i2r-intro{display:block;margin:0 0 24px;text-align:center;color:#deddea;font-size:14px;line-height:1.7}
}
