/* Pendaftaran — Master Brand Guideline v0.2, scoped to .registration. */
.registration .ikon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.registration-login{display:flex;gap:24px;align-items:center;font-size:14px}.registration-login>span{color:var(--muted)}.registration .header-inner{min-height:88px}.registration-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-block:1px solid var(--green)}.welcome{background:var(--green);color:var(--ivory);min-width:0;position:relative;overflow:hidden}.welcome-inner{padding:56px 48px 0 max(32px,calc((100vw - 1280px)/2));height:100%;display:flex;flex-direction:column}.welcome .eyebrow{display:flex;align-items:center;gap:12px;color:var(--lime)}.brand-dot{width:8px;height:8px;background:var(--pink)}.welcome h1{margin-top:32px;margin-bottom:24px;font-size:56px;line-height:60px}.welcome h1 em{color:var(--lime)}.welcome-lead{font-size:20px;line-height:28px;color:#dee6d9}.welcome-art{position:relative;margin:40px -48px 0 0;min-height:300px;flex:1;overflow:hidden;clip-path:polygon(98px 0,100% 0,100% 100%,0 100%)}.welcome-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:37% 50%}.welcome-art figcaption{position:absolute;bottom:16px;right:16px;padding:5px 10px;background:var(--green);color:var(--ivory);font-size:12px}.welcome-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px;font-size:11px;font-weight:600;letter-spacing:.1em}.welcome-foot>span:last-child{font-size:36px;color:var(--lime)}.registration-content{padding:40px max(32px,calc((100vw - 1280px)/2)) 40px 64px;min-width:0}.registration-form-wrap{max-width:480px;margin-inline:auto}.back-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:14px;text-decoration:none;color:var(--muted)}.back-link:hover{text-decoration:underline}.registration-kicker{margin:24px 0 12px;color:var(--muted)}.registration h2{font-size:32px;line-height:40px}.form-intro{color:var(--muted);margin:12px 0 28px;max-width:445px}.registration-field{margin-bottom:22px}.registration-field label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:20px;font-weight:600;margin-bottom:8px}.registration-field label>span{font-size:12px;font-weight:400;color:var(--muted)}.registration-field input{width:100%;min-height:52px;padding:13px 16px;font:400 16px/24px Source,system-ui,sans-serif;border:1px solid #73836F;border-radius:4px;background:#fff;color:var(--ink);appearance:none}.registration-field input::placeholder{color:#667463;opacity:1}.registration-field input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.registration-field .code-input{font-weight:600;letter-spacing:.12em;text-transform:uppercase}.field-hint{font-size:14px;line-height:20px;margin-top:8px;color:var(--muted)}.registration .submit-registration{width:100%;justify-content:space-between;cursor:pointer;font-family:Source,system-ui,sans-serif;margin-top:2px;min-height:52px}.registration button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.submit-note{font-size:14px;line-height:20px;color:var(--muted);margin-top:12px}.registration-help{margin-top:28px;border-top:1px solid var(--line)}.registration-help summary{font:600 14px/20px Source,system-ui,sans-serif;letter-spacing:0;min-height:60px;padding:16px 0;gap:12px}.registration-help summary>.ikon{width:20px;height:20px}.registration-help details>div{font-size:14px;line-height:20px;color:var(--muted);padding:0 28px 20px 32px}.registration-help details p+p{margin-top:12px}.registration-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;color:var(--muted);font-size:12px;line-height:18px}.registration-footer>span:first-child{font-weight:600;letter-spacing:.06em;color:var(--green)}.form-alert{border:1px solid #A12735;border-left:4px solid #A12735;background:#FBEAEC;padding:16px 20px;margin:0 0 24px;font-size:14px;line-height:20px;color:#A12735}.form-alert strong{display:block;font-size:16px;line-height:24px;margin-bottom:4px}.form-alert ul{padding-left:18px;margin:12px 0 0}.form-alert a{display:inline-block;padding-block:4px}.form-alert:focus{outline:3px solid var(--focus);outline-offset:3px}.field-error{color:#A12735;font-size:14px;line-height:20px;margin-top:6px}.registration-field input[aria-invalid=true]{border:2px solid #A12735}
@media(min-width:1500px){.welcome-art{max-height:540px}.welcome-inner{justify-content:space-between}}
@media(max-width:1023px){.registration-content{padding:32px 24px}.welcome-inner{padding:48px 24px 0}.welcome-art{margin-right:-24px}.welcome h1{font-size:48px;line-height:56px}.welcome-lead{font-size:18px;line-height:26px}.welcome-foot{font-size:10px;gap:12px}}
@media(max-width:767px){.registration .header-inner{min-height:80px;flex-wrap:nowrap;padding-block:12px}.registration-login{gap:12px}.registration-login>span{display:none}.registration-main{grid-template-columns:1fr}.welcome-inner{padding:28px 16px 24px}.welcome h1{font-size:32px;line-height:36px;margin:16px 0 12px}.welcome h1 br{display:none}.welcome h1 br:after{content:' '}.welcome-lead{font-size:16px;line-height:24px}.welcome-art,.welcome-foot{display:none}.registration-content{padding:20px 16px 32px}.registration-form-wrap{max-width:520px}.registration-kicker{margin-top:16px}.registration h2{font-size:28px;line-height:36px}.form-intro{margin-bottom:24px}.registration-field{margin-bottom:20px}.registration-footer{padding-block:20px;min-height:80px;flex-direction:column;align-items:start;gap:6px}.registration-help{margin-top:24px}}
/* Same recovery treatment and touch targets across both entry forms. */
.form-alert a{min-height:44px;display:inline-flex;align-items:center}.form-notice{padding:16px 20px;margin-bottom:24px;border-left:4px solid #285E7F;background:#EAF2F8;color:#285E7F;font-size:14px;line-height:20px}.form-notice strong{display:block;font-size:16px;line-height:24px;margin-bottom:4px}.registration [id]{scroll-margin-top:24px}.registration #formulir:focus{outline:3px solid var(--focus);outline-offset:6px}