.masuk-module__-a22ka__pageWrapper{background-color:var(--color-bg-card,#fff);width:100%;min-height:100vh;color:var(--color-text-primary,#18181b);font-family:var(--font-body,var(--font-ui), sans-serif);display:flex}.masuk-module__-a22ka__showcaseSide{border-right:1px solid var(--color-border,#e5e7eb);background:radial-gradient(circle at 10% 20%,#4556e80d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#7aa62e0d 0%,#0000 40%),#f8fafc;flex-direction:column;flex:1.1;justify-content:space-between;padding:56px 64px;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.masuk-module__-a22ka__showcaseSide{display:flex}}.masuk-module__-a22ka__showcaseSide:before{content:"";opacity:.45;pointer-events:none;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.masuk-module__-a22ka__showcaseContent{z-index:1;max-width:520px;position:relative}.masuk-module__-a22ka__brandBadge{border-radius:var(--radius-full,9999px);background-color:#fff;border:1px solid #4556e826;align-items:center;gap:8px;margin-bottom:32px;padding:6px 12px;display:inline-flex;box-shadow:0 1px 3px #18181b0a}.masuk-module__-a22ka__brandBadgeIcon{background-color:var(--color-primary,#4556e8);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.masuk-module__-a22ka__brandBadgeText{color:var(--color-text-primary,#18181b);letter-spacing:-.01em;font-size:13px;font-weight:600}.masuk-module__-a22ka__brandBadgePill{background-color:var(--color-primary-light,#eceeff);color:var(--color-primary,#4556e8);border-radius:var(--radius-full,9999px);padding:2px 8px;font-size:11px;font-weight:600}.masuk-module__-a22ka__showcaseHeading{font-family:var(--font-heading,var(--font-ui), sans-serif);letter-spacing:-.025em;color:var(--color-navy,#18181b);margin-bottom:16px;font-size:32px;font-weight:700;line-height:1.25}.masuk-module__-a22ka__showcaseSubheading{color:var(--color-text-secondary,#5f6068);margin-bottom:40px;font-size:15px;line-height:1.6}.masuk-module__-a22ka__featureCards{flex-direction:column;gap:14px;display:flex}.masuk-module__-a22ka__previewCard{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,12px);transition:all var(--transition-fast,.15s ease);background:#fff;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #18181b0a,0 6px 16px -4px #18181b0d}.masuk-module__-a22ka__previewCard:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #18181b0f,0 12px 24px -6px #18181b14}.masuk-module__-a22ka__previewIconBox{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.masuk-module__-a22ka__iconBoxPrimary{background-color:var(--color-primary-light,#eceeff);color:var(--color-primary,#4556e8)}.masuk-module__-a22ka__iconBoxSuccess{background-color:var(--color-secondary-light,#effad8);color:var(--color-secondary,#7aa62e)}.masuk-module__-a22ka__previewCardInfo{flex:1}.masuk-module__-a22ka__previewCardTitle{color:var(--color-text-primary,#18181b);margin-bottom:2px;font-size:14px;font-weight:600}.masuk-module__-a22ka__previewCardDesc{color:var(--color-text-secondary,#5f6068);font-size:12px}.masuk-module__-a22ka__previewCardMeta{color:var(--color-secondary,#7aa62e);background:var(--color-secondary-light,#effad8);border-radius:var(--radius-sm,8px);align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.masuk-module__-a22ka__showcaseFooter{z-index:1;border-top:1px solid var(--color-border,#e5e7eb);color:var(--color-text-secondary,#5f6068);align-items:center;gap:12px;padding-top:24px;font-size:13px;display:flex;position:relative}.masuk-module__-a22ka__showcaseFooter svg{color:var(--color-primary,#4556e8)}.masuk-module__-a22ka__formSide{background-color:var(--color-bg-main,#f7f8fa);flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}@media (min-width:640px){.masuk-module__-a22ka__formSide{padding:48px 36px}}.masuk-module__-a22ka__formCard{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,16px);background-color:#fff;width:100%;max-width:420px;padding:36px 32px;box-shadow:0 1px 3px #18181b0a,0 12px 32px -4px #18181b12}@media (min-width:640px){.masuk-module__-a22ka__formCard{padding:44px 40px}}.masuk-module__-a22ka__mobileBrandHeader{align-items:center;gap:10px;margin-bottom:24px;display:flex}@media (min-width:1024px){.masuk-module__-a22ka__mobileBrandHeader{display:none}}.masuk-module__-a22ka__mobileBrandLogo{background-color:var(--color-primary,#4556e8);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.masuk-module__-a22ka__mobileBrandName{font-family:var(--font-heading,var(--font-ui), sans-serif);color:var(--color-text-primary,#18181b);font-size:16px;font-weight:700}.masuk-module__-a22ka__formHeader{margin-bottom:28px}.masuk-module__-a22ka__formTitle{font-family:var(--font-heading,var(--font-ui), sans-serif);letter-spacing:-.02em;color:var(--color-navy,#18181b);margin-bottom:6px;font-size:22px;font-weight:700}.masuk-module__-a22ka__formSubtitle{color:var(--color-text-secondary,#5f6068);font-size:14px;line-height:1.5}.masuk-module__-a22ka__form{flex-direction:column;gap:20px;display:flex}.masuk-module__-a22ka__fieldGroup{flex-direction:column;gap:7px;display:flex}.masuk-module__-a22ka__fieldLabel{color:var(--color-text-primary,#18181b);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.masuk-module__-a22ka__inputContainer{align-items:center;display:flex;position:relative}.masuk-module__-a22ka__inputIcon{width:18px;height:18px;color:var(--color-text-disabled,#98999f);pointer-events:none;transition:color var(--transition-fast,.15s ease);position:absolute;left:14px}.masuk-module__-a22ka__textInput{border:1px solid var(--color-border-input,#d7dbe2);border-radius:var(--radius-sm,8px);width:100%;height:44px;color:var(--color-text-primary,#18181b);transition:all var(--transition-fast,.15s ease);background-color:#fff;outline:none;padding:0 14px 0 42px;font-size:14px}.masuk-module__-a22ka__textInput::placeholder{color:#94a3b8}.masuk-module__-a22ka__textInput:hover{border-color:#94a3b8}.masuk-module__-a22ka__textInput:focus{border-color:var(--color-primary,#4556e8);box-shadow:0 0 0 3px #4556e826}.masuk-module__-a22ka__inputContainer:focus-within .masuk-module__-a22ka__inputIcon{color:var(--color-primary,#4556e8)}.masuk-module__-a22ka__passwordInput{padding-right:44px}.masuk-module__-a22ka__toggleButton{width:32px;height:32px;color:var(--color-text-disabled,#98999f);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.masuk-module__-a22ka__toggleButton:hover{color:var(--color-text-primary,#18181b);background-color:var(--color-bg-hover,#f2f4f7)}.masuk-module__-a22ka__errorBanner{background-color:var(--color-danger-bg,#fff0ed);border-radius:var(--radius-sm,8px);color:var(--color-danger-text,#c14235);border:1px solid #d54a3b33;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;animation:.2s masuk-module__-a22ka__slideDown;display:flex}.masuk-module__-a22ka__errorBanner svg{flex-shrink:0;margin-top:1px}@keyframes masuk-module__-a22ka__slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.masuk-module__-a22ka__submitBtn{background-color:var(--color-primary,#4556e8);color:#fff;border-radius:var(--radius-sm,8px);cursor:pointer;width:100%;height:44px;transition:all var(--transition-fast,.15s ease);border:none;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 2px #4556e833}.masuk-module__-a22ka__submitBtn:hover:not(:disabled){background-color:var(--color-primary-hover,#3545cd);transform:translateY(-1px);box-shadow:0 4px 12px #4556e847}.masuk-module__-a22ka__submitBtn:active:not(:disabled){transform:translateY(0)}.masuk-module__-a22ka__submitBtn:disabled{opacity:.65;cursor:not-allowed}.masuk-module__-a22ka__btnSpinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite masuk-module__-a22ka__spin}@keyframes masuk-module__-a22ka__spin{to{transform:rotate(360deg)}}.masuk-module__-a22ka__formFooter{border-top:1px solid var(--color-border,#e5e7eb);color:var(--color-text-secondary,#5f6068);justify-content:space-between;align-items:center;margin-top:28px;padding-top:20px;font-size:12px;display:flex}.masuk-module__-a22ka__securityNote{align-items:center;gap:6px;display:flex}.masuk-module__-a22ka__securityNote svg{color:var(--color-secondary,#7aa62e)}