.login-page{color:#f2f5ef;min-height:100dvh}.login-page .login-story{min-height:100dvh;padding:48px clamp(32px,4vw,72px);background:linear-gradient(145deg,#141e12,#0c120d 75%);border-right:1px solid #293429}.login-page .login-story:after,.login-page .login-story:before{content:none}.login-page .login-brand{width:min(560px,100%)}.login-page .login-story>div>p{color:#b0d688;font-size:14px;letter-spacing:1.6px}.login-page .login-story h1{color:#f2f5ef;font-size:clamp(40px,4.3vw,68px);line-height:1.12;letter-spacing:-2px;margin:20px 0 32px}.login-page .login-story h1 em{color:#b0e66c}.login-page .login-story>div>span{display:block;color:#b2bdb0;font-size:15px;line-height:1.7}.login-page .login-form{min-height:100dvh;padding:48px clamp(24px,4vw,64px);background:#0b100c}.login-page .login-form>div{width:min(460px,100%)}.login-page .login-kicker{color:#b0d688!important;font-size:13px!important;letter-spacing:1.5px}.login-page .login-form h2{color:#f2f5ef;font-size:clamp(28px,2.3vw,34px);line-height:1.2;letter-spacing:-.7px}.login-page .login-form>div>p:not(.login-kicker){color:#b7c1b6;font-size:16px;line-height:1.6;margin:12px 0 24px}.login-page .login-account-switch{margin:0 0 24px;text-align:left;border:1px solid #42523b;border-radius:8px;background:#172015}.login-page .login-account-switch a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 16px;line-height:1.5;border-radius:7px;cursor:pointer}.login-page .login-account-switch strong{font-weight:600;text-decoration:underline;text-underline-offset:3px}.login-page .login-account-arrow{flex-shrink:0;font-size:22px;line-height:1}.login-page .login-account-switch:focus-within,.login-page .login-account-switch:has(a:hover){border-color:#b0e66c;background:#24321d}.login-page .login-account-switch a:hover{text-decoration:none}.login-page .login-account-switch a:active{background:#2c3b23}.login-page .login-form form>label{margin-top:20px;color:#dce4d8;font-size:16px;font-weight:600}.login-page .login-form form>label>input,.login-page .password{height:54px;margin-top:9px;border-color:#667060;background:#121813;border-radius:8px;color:#f2f5ef}.login-page .login-form form>label>input,.login-page .password input{padding:0 16px;font-size:16px}.login-page .password input{color:#f2f5ef}.login-page input::placeholder{color:#a8b3a4;opacity:1;font-weight:400}.login-page .login-form form>label>input:focus,.login-page .password:focus-within{outline:none;border-color:#b0e66c;box-shadow:0 0 0 1px #b0e66c}.login-page .password button{min-width:64px;min-height:48px;padding:0 14px;color:#b0e66c;font-size:15px;border-radius:6px}.login-page .login-options{margin:12px 0 20px;gap:12px;flex-wrap:wrap}.login-page .login-options label{min-height:44px;gap:10px;color:#c3cdc0;font-size:15px;cursor:pointer}.login-page .login-options input{width:20px;height:20px;margin:0;flex-shrink:0}.login-page .login-options a{display:inline-flex;align-items:center;min-height:44px;color:#b0e66c;font-size:15px}.login-page .login-submit{height:54px;padding:0 18px;font-size:16px;border-radius:8px;background:#b0e66c;border-color:#b0e66c}.login-page .login-submit:hover:not(:disabled){background:#c0ef87}.login-page .login-error{font-size:15px;line-height:1.5;color:#ffc0c4}.login-page .login-help{color:#b7c1b6;font-size:14px;line-height:1.8}.login-page .login-help:not(.login-account-switch){margin-top:24px}.login-page .login-help a{color:#b0e66c}.login-page .login-legal{margin-top:20px;padding-top:16px;border-top:1px solid #303b2e;color:#aab7a5;font-size:14px;line-height:1.8}.login-page .login-legal a{color:#b7c1b6}.login-page .login-help:not(.login-account-switch) a,.login-page .login-legal a{display:inline-block;padding:6px 2px}.login-page a:hover{text-decoration:underline;text-underline-offset:4px}.login-page :is(a,button,input):focus-visible{outline:2px solid #b0e66c;outline-offset:3px}@media (max-width:1100px){.login-page{grid-template-columns:1fr 1fr}.login-page .login-story{padding:40px 28px}.login-page .login-brand{transform:none}}@media (max-width:800px){.login-page{grid-template-columns:minmax(0,1fr)}.login-page .login-form{padding:40px 24px}}@media (max-width:380px){.login-page .login-form{padding:32px 18px}.login-page .login-options{gap:0 12px}}@media (min-width:801px) and (max-height:900px){.login-page .login-form{padding-top:24px;padding-bottom:24px}.login-page .login-form h2{font-size:28px}.login-page .login-form>div>p:not(.login-kicker){margin:8px 0 16px}.login-page .login-account-switch{margin-bottom:16px}.login-page .login-form form>label{margin-top:14px}.login-page .login-form form>label>input,.login-page .password{height:48px;margin-top:6px}.login-page .password button{min-height:44px}.login-page .login-options{margin:6px 0 12px}.login-page .login-submit{height:48px}.login-page .login-help:not(.login-account-switch){margin-top:14px}.login-page .login-legal{margin-top:10px;padding-top:10px}.login-page .login-help:not(.login-account-switch) a,.login-page .login-legal a{padding-top:3px;padding-bottom:3px}.login-page .login-story{padding-top:28px;padding-bottom:28px}}@media (min-width:801px) and (max-height:700px){.login-page .login-form{padding-top:12px;padding-bottom:12px}.login-page .login-form>div>p:not(.login-kicker){margin-bottom:12px}.login-page .login-account-switch{margin-bottom:10px}.login-page .login-account-switch a{min-height:44px;padding-top:8px;padding-bottom:8px}.login-page .login-form form>label,.login-page .login-help:not(.login-account-switch){margin-top:10px}.login-page .login-legal{margin-top:6px;padding-top:6px}}body:has(.ruang-login),html:has(.ruang-login){height:100%;overflow:hidden;overscroll-behavior:none}.login-page.ruang-login{color-scheme:dark;isolation:isolate;position:fixed;inset:0;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:stretch;column-gap:clamp(32px,6vw,96px);padding:clamp(24px,4vh,48px) max(32px,calc((100vw - 1160px) / 2));color:#f4f7fc;background:radial-gradient(ellipse at 10% 8%,#8a294231,transparent 38%),radial-gradient(ellipse at 80% 85%,#165e9d3d,transparent 55%),#061421}.login-page.ruang-login:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(125deg,transparent 30%,#ffffff02 30.1%,transparent 65%)}.login-page.ruang-login .login-story{display:flex;flex-direction:column;justify-content:space-between;min-height:0;height:100%;padding:0;border:0;background:none;color:#fff}.login-page.ruang-login .login-story:after,.login-page.ruang-login .login-story:before{content:none}.ruang-login .ruang-brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.ruang-login .ruang-brand img{display:block;width:51px;height:51px;object-fit:contain}.ruang-login .ruang-brand>div{font-size:32px;font-weight:750;line-height:1;letter-spacing:-1px}.ruang-login .ruang-brand small{display:block;margin-top:6px;color:#b8c8da;font-size:11px;font-weight:400;letter-spacing:.3px}.login-page.ruang-login .login-story>div>p{display:flex;align-items:center;gap:11px;color:#d5deea;letter-spacing:2.3px}.ruang-login .ruang-flag{display:inline-block;width:23px;height:15px;border-radius:3px;background:linear-gradient(#ef2947 50%,#fff 0);box-shadow:0 0 0 1px #ffffff26}.login-page.ruang-login .login-story h1{font-size:clamp(44px,4.7vw,68px);font-weight:750;line-height:1.08;letter-spacing:-2.5px;margin:22px 0;color:#f8faff}.login-page.ruang-login .login-story h1 em{display:inline-block;position:relative;padding-bottom:12px;font-style:normal;color:#bbd9ff;background:linear-gradient(110deg,#e1edff,#91beff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-page.ruang-login .login-story h1 em:after{content:"";position:absolute;left:1px;bottom:0;width:42px;height:3px;background:#f32a4d;border-radius:2px}.login-page.ruang-login .login-story>div>span{display:block;color:#b8c9dd;font-size:16px;line-height:1.8}.login-page.ruang-login .login-story footer{display:flex;align-items:center;gap:11px;margin-top:16px;color:#a8bbd0;font-size:12px}.ruang-login .ruang-footer-line{width:26px;height:2px;border-radius:2px;background:#ee3152}.login-page.ruang-login .login-form{min-height:0;height:100%;min-width:0;padding:0;display:grid;place-items:center;background:none}.login-page.ruang-login .login-form>div{box-sizing:border-box;width:min(440px,100%);max-height:100%;padding:28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7895b5 transparent;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(145deg,#15283ae8,#102439ed);box-shadow:0 24px 70px #00000018}@supports (backdrop-filter:blur(24px)){.login-page.ruang-login .login-form>div{background:linear-gradient(145deg,#ffffff08,#ffffff03);backdrop-filter:blur(24px)}}.login-page.ruang-login .login-kicker{color:#9ac6ff!important;font-size:10px!important;letter-spacing:1.8px;margin-bottom:10px!important}.login-page.ruang-login .login-form h2{color:#f6f9ff;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.8px}.login-page.ruang-login .login-form>div>p:not(.login-kicker){color:#b1c2d6;font-size:13px;line-height:1.7;margin:10px 0 20px}.login-page.ruang-login .ruang-account-tabs{display:flex;flex-direction:row;align-items:stretch;gap:4px;padding:4px;margin:20px 0;border:0;border-radius:10px;background:#020b1945}.ruang-login .ruang-account-tabs a{flex:1 1 0;min-width:0;padding:10px;border:1px solid transparent;border-radius:7px;color:#acc0d8;text-align:center;font-size:13px}.ruang-login .ruang-account-tabs a[aria-current=page]{color:#eef5ff;background:#b3d2f017;border-color:#ffffff16}.login-page.ruang-login .login-form form>label{display:block;margin-top:14px;color:#dfe9f6;font-weight:550}.login-page.ruang-login .login-form form>label>input,.login-page.ruang-login .password{height:48px;margin-top:8px;border-radius:9px;background:#0413256b;color:#f6f9ff;border-color:#a2bfe633}.login-page.ruang-login .password input{color:#f6f9ff;font-size:14px}.login-page.ruang-login input::placeholder{color:#9fb2cb;font-size:13px}.login-page.ruang-login .password button{color:#a7ceff;font-size:12px;min-height:44px}.login-page.ruang-login .login-options{justify-content:flex-end;margin:4px 0 12px}.login-page.ruang-login .login-options a{color:#a7ceff;font-size:12px}.login-page.ruang-login .login-submit{position:relative;justify-content:center;height:48px;background:linear-gradient(115deg,#f51e47,#e90d3b);color:#fff;border:1px solid #ff5471;border-radius:9px;font-size:14px;box-shadow:0 8px 24px #f51e4720;display:flex;align-items:center;gap:10px}.login-page.ruang-login .login-submit>.ruang-login-spinner{position:static;flex:0 0 16px;width:16px;height:16px;margin:0;box-sizing:border-box;border:2px solid #ffffff55;border-top-color:currentcolor;border-radius:50%;animation:ruang-login-spin .8s linear infinite}@keyframes ruang-login-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.login-page.ruang-login .login-submit>.ruang-login-spinner{animation:none}}.login-page.ruang-login .login-submit:hover:not(:disabled){background:#ff3157;box-shadow:0 8px 30px #f51e4736}.login-page.ruang-login .login-help{color:#b4c5d9;font-size:12px;line-height:1.7}.login-page.ruang-login .login-help:not(.login-account-switch){margin-top:16px}.login-page.ruang-login .login-help a{color:#b7d6ff;font-size:12px}.login-page.ruang-login .ruang-account-help{margin-top:16px;text-align:center}.login-page.ruang-login .ruang-account-help p{margin:0;color:#b4c5d9;font-size:12px;line-height:1.6}.login-page.ruang-login .ruang-account-help p a{display:inline-block;padding:5px 2px;color:#c8e0ff;font-weight:650}.login-page.ruang-login .ruang-verification-help{display:inline-block;padding:5px 4px;margin-top:1px;color:#9eb4ce;font-size:11px;line-height:1.5}.login-page.ruang-login .login-legal{margin-top:14px;padding-top:12px;border-color:#ffffff12;color:#9eb4ce;font-size:11px;line-height:1.6}.login-page.ruang-login .login-legal a{color:#9eb4ce;font-size:11px}.login-page.ruang-login .ruang-field-hint{display:block;margin-top:7px;color:#a8bad0;font-weight:400}.login-page.ruang-login .login-error{color:#ffd4dc;background:#691c365e;border-color:#ff749266;font-size:13px}.login-page.ruang-login :is(a,button,input):focus-visible{outline:2px solid #8fc3ff;outline-offset:3px}.login-page.ruang-login .login-form form>label>input:focus,.login-page.ruang-login .password:focus-within{border-color:#8fc3ff;box-shadow:0 0 0 1px #8fc3ff}.login-page.ruang-login .login-form input:focus-visible{outline:none}.login-page.ruang-login .password input:focus{box-shadow:none}@media (max-height:760px){.login-page.ruang-login{padding-top:20px;padding-bottom:20px}.login-page.ruang-login .login-story h1{font-size:clamp(42px,4.4vw,60px);margin:16px 0}.login-page.ruang-login .login-form>div{padding:22px}.login-page.ruang-login .ruang-account-tabs{margin:14px 0}.login-page.ruang-login .login-form form>label{margin-top:12px}.login-page.ruang-login .login-form>div>p:not(.login-kicker){margin-bottom:14px}.login-page.ruang-login .login-legal{margin-top:10px;padding-top:8px}}@media (max-height:620px){.login-page.ruang-login .login-kicker{display:none}}@media (max-width:800px){.login-page.ruang-login{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px;padding:20px 16px}.login-page.ruang-login .login-story{height:auto;align-items:center}.login-page.ruang-login .login-story footer,.ruang-login .ruang-story-copy{display:none}.ruang-login .ruang-brand img{width:40px;height:40px}.ruang-login .ruang-brand>div{font-size:27px}.login-page.ruang-login .login-form>div{padding:24px}}@media (max-width:800px) and (max-height:620px){.login-page.ruang-login{grid-template-rows:minmax(0,1fr);padding:12px}.login-page.ruang-login .login-story{display:none}.login-page.ruang-login .login-form>div{padding:18px 22px}}@media (prefers-reduced-transparency:reduce){.login-page.ruang-login .login-form>div,.ruang-login .ruang-connection-hub{background:#10243b;backdrop-filter:none}}@media (prefers-reduced-motion:no-preference){.login-page.ruang-login :is(.login-submit,.ruang-account-tabs a){transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}}.login-page.ruang-login{box-sizing:border-box;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);column-gap:0;padding:16px;background:#071523}.login-page.ruang-login:before{content:none}.login-page.ruang-login .login-story{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:clamp(24px,3.5vw,56px);color:#10263f;background:radial-gradient(ellipse at 90% 15%,#fff9,transparent 60%),linear-gradient(145deg,#d4e2f3,#e7edf5 48%,#adc7e6);box-shadow:inset 0 1px #ffffffc0}.login-page.ruang-login .login-story:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:100%;height:60%;left:-35%;top:32%;border-radius:50%;background:#fff3;filter:blur(40px);box-shadow:none;border:0}.ruang-login .ruang-brand{position:relative;z-index:1}.ruang-login .ruang-brand>div{color:#0d233b}.ruang-login .ruang-brand small{color:#455e78}.ruang-login .ruang-story-copy{position:relative;z-index:1;margin-top:clamp(28px,5vh,56px)}.login-page.ruang-login .login-story>div>p{color:#405571;font-size:10px;letter-spacing:2px}.login-page.ruang-login .login-story h1{color:#10263f;font-size:clamp(42px,4.8vw,74px);line-height:1.04;letter-spacing:-3px;margin:20px 0 22px}.login-page.ruang-login .login-story h1 em{padding-bottom:0;color:#47678f;background:none;-webkit-text-fill-color:currentColor}.login-page.ruang-login .login-story h1 em:after{content:none}.login-page.ruang-login .login-story>div>span{color:#425b77;font-size:15px;line-height:1.7}.ruang-login .ruang-ribbon-art{position:relative;display:flex;flex:1 1 0;min-height:90px;margin:2px -20px 0;align-items:center;justify-content:center}.ruang-login .ruang-ribbon-art img{position:relative;display:block;width:min(80%,300px);height:100%;max-height:280px;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 18px 16px #29476918)}.login-page.ruang-login .login-story footer{position:relative;z-index:1;flex-shrink:0;color:#425b77;font-size:11px;margin-top:12px}.login-page.ruang-login .login-form{padding:24px clamp(24px,5vw,80px)}.login-page.ruang-login .login-form>div{width:min(380px,100%);padding:8px 4px;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none}.login-page.ruang-login .login-form h2{font-size:32px;letter-spacing:-1px}.login-page.ruang-login .login-kicker{color:#92a9c2!important;letter-spacing:1.6px}.login-page.ruang-login .ruang-account-tabs{background:#ffffff04;border:1px solid #ffffff0d;margin:24px 0}.ruang-login .ruang-account-tabs a[aria-current=page]{background:linear-gradient(135deg,#ffffff13,#ffffff08);border-color:#ffffff14}.login-page.ruang-login .login-form form>label>input,.login-page.ruang-login .password{height:50px;background:#ffffff04;border-color:#a2bfe62e;border-radius:10px}.login-page.ruang-login .login-submit{height:50px;margin-top:2px;box-shadow:0 6px 18px #f51e4718}@media (max-height:760px){.login-page.ruang-login{padding:12px}.login-page.ruang-login .login-story{padding:26px 32px}.ruang-login .ruang-story-copy{margin-top:24px}.login-page.ruang-login .login-story h1{font-size:clamp(40px,4.5vw,60px);margin:16px 0}.login-page.ruang-login .login-form{padding-top:12px;padding-bottom:12px}.login-page.ruang-login .ruang-account-tabs{margin:16px 0}}@media (max-height:580px){.ruang-login .ruang-ribbon-art{display:none}.ruang-login .ruang-story-copy{margin-block:auto;padding:16px 0}}@media (max-width:800px){.login-page.ruang-login{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;padding:20px 16px 12px}.login-page.ruang-login .login-story{background:none;box-shadow:none;border-radius:0;height:auto;padding:0;overflow:visible}.login-page.ruang-login .login-story:after,.ruang-login .ruang-ribbon-art{display:none}.ruang-login .ruang-brand>div{color:#f5f8ff}.ruang-login .ruang-brand small{color:#b8c8da}.login-page.ruang-login .login-form{padding:12px 8px}.login-page.ruang-login .login-form>div{padding:4px}}@media (max-width:800px) and (max-height:620px){.login-page.ruang-login{grid-template-rows:minmax(0,1fr);padding:12px}.login-page.ruang-login .login-story{display:none}}.login-page.ruang-login .login-form>div{min-height:0;padding:8px 18px 16px;scrollbar-gutter:stable both-edges;scroll-padding-block:16px;overflow-x:hidden;scrollbar-color:#637d9970 transparent}.login-page.ruang-login .login-error{overflow-wrap:anywhere}.login-page.ruang-login .login-form form>label{margin-top:16px;font-size:13px;line-height:1.5;font-weight:600}.login-page.ruang-login .login-form form>label:first-of-type{margin-top:0}.login-page.ruang-login .ruang-field-hint{margin-top:6px;font-size:11px;line-height:1.5}.login-page.ruang-login .login-form [data-field-error]{margin-top:6px;font-size:12px;line-height:1.5;color:#ff9aac}.login-page.ruang-login .login-form .password:has(input[aria-invalid=true]),.login-page.ruang-login .login-form form>label>input[aria-invalid=true]{border-color:#f36a83}.login-page.ruang-login .login-form .password input[aria-invalid=true]{border:0;box-shadow:none}.login-page.ruang-login .login-form .password:has(input[aria-invalid=true]):focus-within,.login-page.ruang-login .login-form form>label>input[aria-invalid=true]:focus{border-color:#f36a83;box-shadow:0 0 0 1px #f36a83}.login-page.ruang-signup .ruang-signup-plan{color:#c8ddf5;font-size:12px;line-height:1.6;margin-bottom:20px}.login-page.ruang-signup .ruang-signup-plan small{display:block;color:#9eb4ce;font-size:11px;line-height:1.6;margin-top:4px}.login-page.ruang-signup .ruang-signup-notice{padding:12px 14px;border:1px solid #a2bfe633;border-radius:10px;background:#ffffff06;color:#c8ddf5;font-size:13px;line-height:1.6}.login-page.ruang-signup .login-form form>.ruang-terms{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.6;margin-block:16px;color:#b4c5d9}.login-page.ruang-signup .login-form form>.ruang-terms>input{flex:0 0 16px;width:16px;height:16px;padding:0;margin:2px 0 0;accent-color:#f51e47}.login-page.ruang-signup .ruang-terms>span:not([data-field-error]){flex:1}.login-page.ruang-signup .ruang-terms a{color:#c8e0ff;text-decoration:underline;text-underline-offset:2px}.login-page.ruang-signup .ruang-terms [data-field-error]{flex-basis:100%}.login-page.ruang-signup .ruang-signup-next{display:flex;margin-top:20px;text-decoration:none}.login-page.ruang-signup .login-legal{text-align:center}.login-page.ruang-signup .login-error{margin-block:12px}.login-page.ruang-company-signup .login-form form>label>select{display:block;width:100%;height:50px;box-sizing:border-box;margin-top:8px;padding:0 12px;border:1px solid #a2bfe62e;border-radius:10px;background:#0b1c2c;color:#f6f9ff;font-size:12px}.login-page.ruang-company-signup select:focus-visible{outline:2px solid #8fc3ff;outline-offset:2px}.ruang-language-row{display:flex;justify-content:flex-end;margin-bottom:18px}.login-page:not(.ruang-login) .ruang-language-row{display:none}