@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-based scope also switches off when PJAX removes the login page.
   Keep the shared header/footer wrappers intact; only release their layout here. */
body:has(.in2meet-login){margin:0;padding:0!important;background:#050b18!important}
body:has(.in2meet-login)::before{display:none}
.pjaxcontainer-inner:has(.in2meet-login){background:#050b18}
.main-inner-content:has(.in2meet-login),
#main_page:has(.in2meet-login),
#main_page>.container:has(.in2meet-login),
#main_page>.container>.row-content:has(.in2meet-login){width:100%;max-width:none;min-height:0;margin:0;padding:0;background:transparent;border:0}

.in2meet-login{--i2l-pink:#ff39bd;box-sizing:border-box;min-height:100vh;min-height:100svh;background:#050b18;color:#f7f5ff;font-family:In2meetPoppins,Arial,sans-serif;font-size:16px;line-height:1.5;isolation:isolate}
.in2meet-login *, .in2meet-login *::before, .in2meet-login *::after{box-sizing:border-box}
.in2meet-login a{color:inherit;text-decoration:none}
.in2meet-login button,.in2meet-login input,.in2meet-login select{font:inherit}
.in2meet-login a:focus-visible,.in2meet-login button:focus-visible,.in2meet-login select:focus-visible{outline:2px solid var(--i2l-pink);outline-offset:4px}
.in2meet-login .i2l-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-login .i2l-stage{position:relative;isolation:isolate;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left))}
.in2meet-login .i2l-stage::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:370px;background:linear-gradient(180deg,rgba(5,11,24,.6),rgba(5,11,24,0) 26%,rgba(5,11,24,.35) 53%,#050b18 100%),url("../img/in2meet/login_hero.png") 36% top/auto 390px no-repeat}
/* Override legacy element-level header geometry/background only on this page. */
.in2meet-login .i2l-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto;min-height:0;max-width:1320px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;color:#f7f5ff}
.in2meet-login .i2l-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:#fff;white-space:nowrap;text-align:start}
.in2meet-login .i2l-brand>span{display:block;line-height:1.2}
.in2meet-login .i2l-brand img{display:block;flex:none;width:44px;height:40px;object-fit:contain}
.in2meet-login .i2l-brand strong{display:block;color:#fff;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.8px}
.in2meet-login .i2l-brand strong span,.in2meet-login .i2l-brand em{color:var(--i2l-pink);font-style:normal}
.in2meet-login .i2l-brand small{display:block;margin-top:3px;color:#fff;font-size:6.8px;white-space:nowrap}
.in2meet-login .i2l-language{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;font-weight:400}
.in2meet-login .i2l-language>i{font-size:20px}
.in2meet-login .i2l-language select{height:44px;width:auto;max-width:108px;padding:5px;border:0;border-radius:8px;background:#0a1022;color:#fff;box-shadow:none;font-size:12px}
.in2meet-login .i2l-main{max-width:1320px;margin:0 auto}
.in2meet-login .i2l-story{padding:112px 4px 22px}
.in2meet-login .i2l-story h2{margin:0;color:#fff;font-size:clamp(29px,8.2vw,38px);font-weight:700;line-height:1.08;letter-spacing:-1px}
.in2meet-login .i2l-story h2 span{color:#ff63c1}
.in2meet-login .i2l-story>p{margin:12px 0 0;font-size:12px}
.in2meet-login .i2l-story>p span,.in2meet-login .i2l-footer>p span{color:#ff9cde}
.in2meet-login .i2l-benefits{display:none}
.in2meet-login .i2l-card{position:relative;max-width:460px;margin:0 auto;padding:23px 20px;border:1px solid #873ea8;border-radius:22px;background:linear-gradient(145deg,rgba(28,12,38,.96),rgba(5,13,28,.98) 45%,#09051e);box-shadow:0 0 40px #da08b414}
.in2meet-login .i2l-card h1{margin:0;color:#fff;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.7px}
.in2meet-login .i2l-intro{margin:10px 0 22px;color:#d0cce1;font-size:13px;line-height:1.6}
.in2meet-login .i2l-field{margin:0 0 16px}
.in2meet-login .i2l-field label{display:block;margin:0 0 7px;color:#d7d4e5;font-size:12px;font-weight:400}
.in2meet-login .i2l-control{position:relative;display:flex;align-items:center;min-height:50px;border:1px solid #38445e;border-radius:14px;background:#091626}
.in2meet-login .i2l-control:focus-within{border-color:var(--i2l-pink);box-shadow:0 0 0 3px #ff39bd24}
.in2meet-login .i2l-control>i{position:absolute;inset-inline-start:15px;width:19px;text-align:center;pointer-events:none;color:#e9e8f3;font-size:18px}
.in2meet-login .i2l-control input{display:block;width:100%;min-width:0;height:50px;margin:0;padding:12px 48px 12px 44px;border:0;border-radius:14px;outline:0;background:transparent;color:#fff;box-shadow:none;font-size:16px;line-height:1.5}
.in2meet-login .i2l-control input[name=email_or_phone]{padding-inline-end:14px}
.in2meet-login .i2l-control input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 100px #102036 inset}
.in2meet-login .i2l-password-toggle:not([hidden]){position:absolute;inset-inline-end:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:#fff;cursor:pointer}
.in2meet-login .i2l-password-toggle:hover{background:#ffffff0d}
.in2meet-login .i2l-restore{display:block;width:fit-content;min-height:44px;margin:-8px 0 10px auto;padding:12px 0;text-align:right;color:var(--i2l-pink);font-size:12px;overflow-wrap:anywhere}
.in2meet-login .i2l-submit{display:block;width:100%;min-height:52px;padding:14px 18px;border:0;border-radius:15px;background:linear-gradient(108deg,#ff2686,#d800d4 50%,#4219ff);box-shadow:0 8px 28px #eb09bb24;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.in2meet-login .i2l-submit:hover{filter:brightness(1.12)}
.in2meet-login .i2l-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#bcb6d0;font-size:12px}
.in2meet-login .i2l-divider::before,.in2meet-login .i2l-divider::after{content:"";flex:1;height:1px;background:#3a354f}
.in2meet-login .i2l-register{padding:12px 10px;border:1px solid var(--i2l-pink);border-radius:14px;text-align:center;font-size:13px}
.in2meet-login .i2l-register p{margin:0 0 2px;color:#d7d4e5;overflow-wrap:anywhere}
.in2meet-login .i2l-register a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--i2l-pink);font-weight:600}
.in2meet-login .i2l-social .oauth-links{margin:0;color:#d0cce1;font-size:12px}
.in2meet-login .i2l-social ins{display:flex;flex-wrap:wrap;gap:10px;text-decoration:none}
.in2meet-login .i2l-social ins a{display:inline-flex;flex:1 1 110px;align-items:center;justify-content:center;gap:10px;width:auto;max-width:100%;min-height:48px;margin:0;padding:12px;border:1px solid #38445e;border-radius:12px;background:#0b182b;color:#fff;box-shadow:none;line-height:1.5;white-space:normal;font-size:14px;text-transform:none}
.in2meet-login .i2l-social ins a:not(.telegram)::after{content:attr(title);overflow-wrap:anywhere}
.in2meet-login .i2l-social ins a>i{font-size:20px}
.in2meet-login .i2l-social ins a.telegram{min-width:0;flex-basis:100%}
.in2meet-login .i2l-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom));border-top:1px solid #222d42}
.in2meet-login .i2l-footer .i2l-brand{opacity:.9}
.in2meet-login .i2l-footer>p{margin:0;color:#d0cce1;font-size:12px}

@media(min-width:600px){
    .in2meet-login .i2l-stage{padding-inline:32px}
    .in2meet-login .i2l-story{max-width:460px;margin:auto;padding-top:135px}
    .in2meet-login .i2l-stage::before{height:480px;background-size:auto,cover;background-position:center,center 30%}
    .in2meet-login .i2l-brand img{width:60px;height:54px}
    .in2meet-login .i2l-brand strong{font-size:32px}
    .in2meet-login .i2l-brand small{font-size:9px}
    .in2meet-login .i2l-card{padding:30px}
}
@media(min-width:992px){
    .in2meet-login .i2l-stage{min-height:calc(100svh - 120px);padding:32px 40px 56px}
    .in2meet-login .i2l-stage::before{height:100%;background:linear-gradient(180deg,rgba(5,11,24,.45),transparent 30%,rgba(5,11,24,.55)),linear-gradient(90deg,rgba(5,11,24,.12),rgba(5,11,24,.18) 46%,rgba(5,11,24,.58) 85%),url("../img/in2meet/login_hero.png") center/cover no-repeat}
    .in2meet-login .i2l-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr);align-items:end;gap:48px;padding-top:110px;padding-bottom:12px}
    .in2meet-login .i2l-story{max-width:none;margin:0;padding:0 0 12px}
    .in2meet-login .i2l-story h2{font-size:clamp(46px,4.5vw,66px);line-height:1.04;letter-spacing:-2px;text-shadow:0 2px 30px #050b18}
    .in2meet-login .i2l-story>p{max-width:600px;margin-top:18px;font-size:clamp(17px,1.7vw,24px);text-shadow:0 2px 12px #050b18}
    .in2meet-login .i2l-benefits{display:flex;gap:42px;margin:40px 0 0;padding:0;list-style:none}
    .in2meet-login .i2l-benefits li{display:grid;gap:12px;text-align:center;font-size:14px}
    .in2meet-login .i2l-benefits i{font-size:30px;color:var(--i2l-pink)}
    .in2meet-login .i2l-card{top:-60px;width:100%;max-width:460px;margin:0 0 0 auto;padding:32px}
    .in2meet-login .i2l-card h1{font-size:34px}
    .in2meet-login .i2l-intro{font-size:14px}
    .in2meet-login .i2l-language{font-size:14px}
    .in2meet-login .i2l-language select{max-width:160px;font-size:14px}
    .in2meet-login .i2l-footer{padding:28px 40px}
}

/* Mobile has a compact image block instead of the desktop marketing story.
   The 24px layout overlap plus the 28px card offset gives 52px; its height stays content-driven. */
@media(max-width:767px){
    .in2meet-login .i2l-stage{--i2l-hero-height:clamp(220px,62vw,280px);padding-top:calc(4px + env(safe-area-inset-top));padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
    .in2meet-login .i2l-topbar{min-height:60px}
    .in2meet-login .i2l-brand img{width:44px;height:40px}
    .in2meet-login .i2l-brand strong{font-size:24px}
    .in2meet-login .i2l-brand small{font-size:6.8px}
    .in2meet-login .i2l-stage::before{top:calc(64px + env(safe-area-inset-top));height:var(--i2l-hero-height);background:linear-gradient(180deg,rgba(5,11,24,.08),rgba(5,11,24,.05) 65%,#050b18),url("../img/in2meet/login_hero.png") 36% 35%/cover no-repeat}
    .in2meet-login .i2l-main{padding-top:calc(var(--i2l-hero-height) - 24px)}
    .in2meet-login .i2l-story,.in2meet-login .i2l-footer>p{display:none}
    .in2meet-login .i2l-card{top:-28px;max-width:none;margin:0;padding:23px 20px}
}