.ocs-reference-login-page{padding:0!important;display:grid!important;place-items:center;min-height:100svh;background:#020e22!important;overflow:hidden;color:#f8fbff}.ocs-reference-login-page:after,.ocs-reference-login-page:before{display:none!important}.ocs-login-reference-canvas{position:relative;width:100%;aspect-ratio:1672/941;--u:calc(100vw / 1672);box-sizing:border-box}.ocs-login-reference-center{min-height:0!important}.ocs-login-reference-header{background:transparent!important;border:0!important;height:calc(76 * var(--u))!important}.ocs-login-reference-header>a b{font-family:Arial,sans-serif!important;font-size:calc(20 * var(--u))!important;letter-spacing:calc(1.5 * var(--u));line-height:1.2!important}.ocs-login-reference-card>div:first-child p{max-width:none!important;font-family:Arial,sans-serif!important;font-weight:600!important}.ocs-login-reference-card{font-family:Arial,sans-serif!important}.ocs-reference-login-form input{font-weight:400!important}.ocs-reference-login-form[data-locale=en] form>label:first-child:before{content:none!important}.ocs-reference-login-form[data-locale=en] form>label:first-child{font-size:calc(18 * var(--u))!important}.ocs-login-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ocs-login-scene-plate{position:absolute;width:100%;height:100%;object-fit:cover;animation:ocs-plate 45s linear both}.ocs-login-cosmic-evolution{position:absolute;inset:0;width:100%;height:100%;background:#01030a;animation:ocs-evolution-fade 45s linear both}.ocs-login-cosmic-evolution[data-renderer=fallback]{background:radial-gradient(ellipse at 32% 48%,#0b2442,#01030a 65%)}.ocs-login-country{left:37%;top:35%;width:20.3%;height:36%;filter:drop-shadow(0 0 5px #ffbd37)}.ocs-login-country,.ocs-login-country-caption{position:absolute;animation:ocs-country 45s ease-in-out both}.ocs-login-country-caption{left:33.5%;top:60%;padding:calc(12 * var(--u));font-size:calc(11 * var(--u));letter-spacing:calc(2.5 * var(--u));line-height:1.8;border:1px solid #adc4dc80;border-right:0;background:#00152a80}.ocs-login-country,.ocs-login-country-caption{animation-delay:var(--ocs-country-delay,0s)}.ocs-login-oriented-globe{position:absolute;left:12%;top:20%;width:48%;height:auto;animation:ocs-oriented-globe 45s ease-in-out both}.ocs-login-scene[data-reduced=true] .ocs-login-oriented-globe{display:none}@keyframes ocs-oriented-globe{0%,75.55%{opacity:0;transform:scale(.8)}86.66%{opacity:.92;transform:scale(1)}95.55%{opacity:.6;transform:scale(1.03)}to{opacity:0;transform:scale(1.03)}}.ocs-login-scene[data-reduced=true] .ocs-login-country-caption{animation:none}.ocs-login-country img{width:100%;height:100%;object-fit:fill}.ocs-login-country-links{position:absolute;inset:-20%;width:140%;height:140%;filter:drop-shadow(0 0 3px #ffd873)}.ocs-login-country[data-country-map=BD]{left:39.8%;top:36.5%;width:14.7%;height:36%;filter:none}.ocs-login-country[data-country-map=BD] img{object-fit:contain}.ocs-login-country[data-country-map=BD] .ocs-login-country-links{display:none}.ocs-login-scene[data-paused=true] *{animation-play-state:paused!important}.ocs-login-scene[data-reduced=true] .ocs-login-country,.ocs-login-scene[data-reduced=true] .ocs-login-scene-plate{animation:none;opacity:1;transform:none}.ocs-login-scene[data-fallback=true] .ocs-login-cosmic-evolution,.ocs-login-scene[data-fallback=true] .ocs-login-oriented-globe,.ocs-login-scene[data-reduced=true] .ocs-login-cosmic-evolution{display:none}.ocs-login-scene[data-fallback=true] .ocs-login-country,.ocs-login-scene[data-fallback=true] .ocs-login-country-caption,.ocs-login-scene[data-fallback=true] .ocs-login-scene-plate{animation:none;opacity:1;transform:none}.ocs-login-reference-header{position:absolute!important;inset:2.3% 4% auto!important;padding:0!important;margin:0!important;width:auto!important;display:flex!important;justify-content:space-between;align-items:center}.ocs-login-reference-header>a{gap:calc(16 * var(--u));font-size:calc(21 * var(--u));letter-spacing:calc(2.5 * var(--u))}.ocs-login-reference-header>a>span{width:calc(76 * var(--u));height:calc(76 * var(--u));border-radius:50%;border:2px solid #f5c449;font-size:calc(27 * var(--u));background:#031329;box-shadow:0 0 0 4px #9e7c2944}.ocs-login-reference-header nav{font-size:calc(20 * var(--u))}.ocs-login-captions{position:absolute;inset:0;pointer-events:none;font-size:calc(11 * var(--u));letter-spacing:calc(5 * var(--u));line-height:1.8}.ocs-login-captions span{position:absolute;top:12.9%}.ocs-login-captions span:first-child{left:8.1%}.ocs-login-captions span:nth-child(2){left:25.1%}.ocs-login-captions span:nth-child(3){left:45.4%}.ocs-login-captions p{position:absolute;left:5.6%;top:63.8%;font-size:calc(13 * var(--u));margin:0}.ocs-login-captions p:after{content:"";display:block;width:42px;border-top:2px solid #fbd474;margin-top:18px}.ocs-login-reference-center{position:absolute!important;left:59.81%;top:15.515%;width:36.244%;height:66.95%;padding:0!important;display:block!important}.ocs-login-reference-card{width:100%!important;max-width:none!important;height:100%;padding:calc(55 * var(--u)) calc(58 * var(--u))!important;border:0!important;border-radius:calc(38 * var(--u))!important;box-shadow:none!important;background:url(/images/login-scene/approved-scene.webp) 93.8% 46.9%/275.9% 149.4%!important;backdrop-filter:none!important}.ocs-login-reference-card:after,.ocs-login-reference-card:before{display:none!important}.ocs-login-reference-card>div:first-child{margin:0 0 calc(40 * var(--u))!important;padding:0!important;text-align:left!important}.ocs-login-reference-card>div:first-child p{font-size:calc(24 * var(--u))!important;line-height:1.3!important;color:#fff!important;margin:0!important;font-weight:600}.ocs-reference-login-form form{gap:calc(26 * var(--u))!important;font-size:calc(16 * var(--u));margin-top:0!important;grid-template-columns:minmax(0,1fr)}.ocs-reference-login-form form>label{min-width:0}.ocs-reference-login-form form>label>span{width:100%;min-width:0}.ocs-reference-login-form input:not([type=checkbox]){width:100%;box-sizing:border-box}.ocs-login-reference-header>a em{display:block!important}.ocs-reference-login-form form>label:has(input[name=password])>span>span{font-size:0!important;width:calc(23 * var(--u));height:calc(23 * var(--u));background:50%/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4M12 14v3'/%3E%3C/svg%3E")}.ocs-reference-login-form form>label>span{position:relative;padding:0!important;background:transparent!important;border:0!important;height:auto!important}.ocs-reference-login-form form>label>span>button,.ocs-reference-login-form form>label>span>span{position:absolute}.ocs-reference-login-form form>button:not([type]){height:calc(73 * var(--u))!important;border:1px solid #ffe0a0!important;border-radius:calc(18 * var(--u))!important;background:linear-gradient(115deg,#ffe286,#ffd160 55%,#bd8929)!important;box-shadow:0 12px 30px #ffc85633!important;font-size:calc(22 * var(--u))!important;color:#070b13!important;font-weight:700}.ocs-reference-login-form[data-locale=en] form>button:not([type]):not(:disabled):after{content:" →";font-size:calc(27 * var(--u));margin-left:14px}.ocs-reference-login-form label{font-size:calc(18 * var(--u))!important;font-weight:600;line-height:1.2;gap:calc(10 * var(--u))!important}.ocs-reference-login-form input:not([type=checkbox]){height:calc(72 * var(--u))!important;padding:0 calc(66 * var(--u))!important;border:1px solid #c2daed!important;border-radius:calc(17 * var(--u))!important;background:linear-gradient(120deg,#88bce82a,#b5d2ef10)!important;box-shadow:inset 0 0 14px #a6cff31c!important;color:#fff!important;font-size:calc(16 * var(--u))!important}.ocs-reference-login-form input::placeholder{color:#bcd0e8;opacity:1}.ocs-reference-login-form input:focus{outline:2px solid #ffe29b88;outline-offset:2px}.ocs-reference-login-form label>span{height:auto!important}.ocs-reference-login-form label>span>span{left:calc(24 * var(--u))!important;font-size:calc(23 * var(--u))!important;color:white!important}.ocs-reference-login-form label>span>button{right:calc(22 * var(--u))!important;font-size:calc(14 * var(--u))!important;color:white!important}.ocs-reference-login-form form>label:has(input[name=password])>span>button{display:inline-flex;align-items:center;gap:calc(10 * var(--u));font-weight:600}.ocs-reference-login-form form>label:has(input[name=password])>span>button:before{content:"";width:calc(20 * var(--u));height:calc(20 * var(--u));background:50%/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M2 12s3-6 10-6 10 6 10 6-3 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.ocs-reference-login-form form>div:has(input[type=checkbox]){margin:0!important;font-size:calc(16 * var(--u));display:flex;justify-content:space-between;align-items:center}.ocs-reference-login-form form>div:has(input[type=checkbox]) label{font-size:calc(16 * var(--u))!important;font-weight:400}.ocs-reference-login-form input[type=checkbox]{accent-color:#ffd257;width:calc(22 * var(--u));height:calc(22 * var(--u))}.ocs-reference-login-form a[href="/forgot-password"]{color:#ffd34e!important;font-weight:600}.ocs-reference-login-form button[type=submit]{height:calc(73 * var(--u))!important;border:1px solid #ffe0a0!important;border-radius:calc(18 * var(--u))!important;background:linear-gradient(115deg,#ffe286,#ffd160 55%,#bd8929)!important;box-shadow:0 12px 30px #ffc85633!important;font-size:calc(22 * var(--u))!important;color:#070b13!important;font-weight:700}.ocs-reference-login-form[data-locale=en] button[type=submit]:not(:disabled){font-size:0!important}.ocs-reference-login-form[data-locale=en] button[type=submit]:not(:disabled):before{content:"Login";font-size:calc(22 * var(--u))}.ocs-reference-login-form[data-locale=en] button[type=submit]:not(:disabled):after{content:" →";font-size:calc(27 * var(--u));margin-left:14px}.ocs-login-reference-card>p{border-top:1px solid #acc8dd88!important;margin:calc(31 * var(--u)) 0 0!important;padding-top:calc(22 * var(--u))!important;text-align:center;font-size:calc(16 * var(--u))!important;color:#e5edff!important}.ocs-login-reference-card>p a{color:#ffd348!important;font-weight:700}.ocs-login-reference-footer{position:absolute!important;inset:auto 4% 2.3%!important;width:auto!important;margin:0!important;padding:0!important;font-size:calc(14 * var(--u))!important;display:flex!important;justify-content:space-between;gap:20px}.ocs-login-reference-footer nav{display:flex;gap:calc(32 * var(--u))}.ocs-login-reference-footer nav a+a{border-left:1px solid #ddd;padding-left:calc(32 * var(--u))}@keyframes ocs-plate{0%,75.55%{opacity:0;transform:scale(.96)}86.66%,to{opacity:1;transform:scale(1)}}@keyframes ocs-evolution-fade{0%,75.55%{opacity:1}86.66%,to{opacity:0}}@keyframes ocs-country{0%,86.66%{opacity:0;transform:scale(.7)}95.55%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.ocs-login-reference-canvas{aspect-ratio:auto;min-height:100svh;--u:1px;padding:110px 20px 75px}.ocs-login-scene-plate{object-position:38% center}.ocs-login-reference-header{inset:20px 24px auto!important}.ocs-login-reference-header>a{font-size:15px;gap:12px}.ocs-login-reference-header>a>span{width:54px;height:54px;font-size:24px}.ocs-login-reference-header nav{font-size:14px}.ocs-login-captions{display:none}.ocs-login-reference-center{position:relative!important;inset:auto!important;width:min(100%,540px);height:auto;margin:0 auto}.ocs-login-reference-card{padding:38px 30px!important;height:auto;background:linear-gradient(130deg,#1b4164a8,#06182cd9)!important;border:1px solid #ffe3a2!important;border-radius:28px!important;box-shadow:0 0 14px #ffcc6680,inset 0 0 15px #96cdff80!important;backdrop-filter:blur(14px)!important}.ocs-login-reference-card>div:first-child p{font-size:22px!important}.ocs-login-reference-footer{font-size:11px!important;flex-wrap:wrap;justify-content:center!important;position:relative!important;inset:auto!important;margin-top:35px!important;text-align:center}.ocs-login-reference-footer nav{gap:18px}.ocs-login-country{left:28%;top:28%;width:40%;height:30%}.ocs-login-photons i:nth-child(n+13){display:none}}@media(max-width:480px){.ocs-login-reference-canvas{padding:108px 16px 25px}.ocs-login-reference-header{inset:18px 18px auto!important}.ocs-login-reference-header nav,.ocs-login-reference-header>a{font-size:12px}.ocs-login-reference-card{padding:30px 22px!important}.ocs-login-reference-card>div:first-child{margin-bottom:28px!important}.ocs-login-reference-card>div:first-child p{font-size:20px!important}.ocs-reference-login-form input:not([type=checkbox]){height:58px!important;padding-left:45px!important;padding-right:15px!important}.ocs-reference-login-form input[name=password]{padding-right:95px!important}.ocs-reference-login-form label>span>span{left:16px!important}.ocs-reference-login-form label>span>button{right:12px!important}.ocs-reference-login-form button[type=submit]{height:60px!important}.ocs-reference-login-form form>div:has(input[type=checkbox]){font-size:13px}.ocs-reference-login-form form>div:has(input[type=checkbox]) label{font-size:13px!important}.ocs-login-reference-card>p{font-size:14px!important}}@media(prefers-reduced-motion:reduce){.ocs-login-scene *{animation:none!important}.ocs-login-country,.ocs-login-scene-plate{opacity:1!important;transform:none!important}.ocs-login-cosmic-evolution,.ocs-login-oriented-globe{display:none}}@media(max-width:900px){.ocs-login-reference-canvas{width:100vw}.ocs-login-reference-center{width:min(100%,540px)!important}.ocs-login-reference-header>a>span{width:54px!important;height:54px!important}.ocs-login-reference-header>a b{display:block!important;font-size:15px!important;letter-spacing:1.4px}.ocs-login-reference-header{height:54px!important}.ocs-login-country-caption{display:none}.ocs-login-reference-footer{width:100%!important}}@media(max-width:480px){.ocs-login-reference-header>a b{font-size:12px!important;letter-spacing:1px}.ocs-reference-login-form form>button:not([type]){height:60px!important;min-height:60px}.ocs-reference-login-form label{font-size:16px!important}.ocs-login-reference-card>div:first-child p{font-size:20px!important}}@media(max-width:480px){.ocs-reference-login-form form>div:has(input[type=checkbox]){flex-wrap:wrap;gap:12px}.ocs-reference-login-form input[name=password]{padding-right:138px!important}.ocs-reference-login-form label>span>button{font-size:12px!important}}@media(max-width:900px){.ocs-login-scene-plate{object-position:left center}}.ocs-reference-login-form input[name=password]{padding-right:max(145px,calc(145 * var(--u)))!important}.ocs-reference-login-form form>a[href="/api/auth/google"]{display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:max(14px,calc(16 * var(--u)))!important;white-space:normal;min-height:48px}[dir=rtl] .ocs-login-reference-card>div:first-child{text-align:right!important}