/* Extend cygap.css components; no replacement brand palette. */
.daftar-progress{display:flex;list-style:none;padding:0;gap:8px;margin:20px 0}.daftar-progress li{flex:1;padding:8px 4px;border-bottom:3px solid var(--line,#e5e7eb);font-size:13px;text-align:center}.daftar-progress [aria-current]{border-color:var(--gold,#c9962e);font-weight:700}.daftar-password,.daftar-captcha{display:flex;gap:8px;align-items:center}.daftar-password .in,.daftar-captcha .in{flex:1;width:0}.daftar-password .btn{padding-inline:10px;font-size:12px;flex-shrink:0}.daftar-phone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;align-items:end}.daftar-wide{grid-column:1/-1}.daftar-ui .field-msg{font-size:12px;line-height:1.5;margin:6px 0;min-height:18px}.daftar-ui [aria-invalid="true"]{border-color:var(--red,#b91c1c)}.daftar-ui .field-msg[data-state="error"]{color:var(--red,#b91c1c)}.daftar-ui .field-msg[data-state="ok"]{color:#25623e}.daftar-auth{align-items:stretch}.daftar-auth .login-r{height:auto;overflow:visible}.daftar-auth .daftar-shell{margin-block:auto}.daftar-ui [data-check-retry]{margin-bottom:12px}.daftar-ui [data-email-suggest]{font-size:12px}.daftar-ui .daftar-grid{gap:0 16px}.daftar-ui .daftar-grid .f{margin-block:10px}@media(max-width:599px){.daftar-phone{grid-template-columns:1fr}.daftar-ui .daftar-password .btn{max-width:90px}.daftar-auth .daftar-shell{max-width:100%}}
.daftar-ui{max-width:1080px;margin-inline:auto;overflow-wrap:anywhere}.daftar-ui *{box-sizing:border-box;min-width:0}.daftar-ui h1{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:8px 0 16px}.daftar-ui h2{font-size:20px}.daftar-ui p{line-height:1.6}.daftar-ui .card{padding:20px;margin-block:16px}.daftar-ui .f{margin-block:16px}.daftar-ui .in{width:100%;min-height:44px;font-size:16px}.daftar-ui .btn{min-height:44px;white-space:normal;text-align:center;max-width:100%}.daftar-ui label{line-height:1.5}.daftar-ui fieldset{border:0;padding:0;margin:20px 0}.daftar-ui legend{font-weight:700;margin-bottom:12px}.daftar-ui a:not(.btn){text-decoration:underline}.daftar-ui :focus-visible{outline:3px solid #1273d4;outline-offset:3px}.daftar-ui [hidden]{display:none!important}.daftar-grid,.daftar-tiers{display:grid;grid-template-columns:1fr;gap:12px}.daftar-tier{display:flex;flex-wrap:wrap;gap:12px;cursor:pointer;margin:0!important}.daftar-tier strong{flex:1}.daftar-tier span{flex-basis:100%}.daftar-tier:has(input:checked){border:2px solid var(--gold-dk,#996e20);background:var(--gold-soft,#fff7e5)}.daftar-check{display:flex;align-items:flex-start;gap:12px;padding:12px 0;min-height:44px}.daftar-check input,.daftar-tier input{width:20px;height:20px;flex-shrink:0;accent-color:var(--red,#dc2626);margin-top:2px}.daftar-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}.daftar-ui .pill{white-space:normal}.daftar-preview{border-left:4px solid var(--gold,#c9962e)}.daftar-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}.daftar-otp .in{text-align:center;padding:8px 0;font-size:22px;font-weight:700;min-width:0}.daftar-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.daftar-ui dt{font-weight:600;margin-top:10px}.daftar-ui dd{margin-left:0}.daftar-shell{width:100%;max-width:650px}.daftar-auth .login-r{min-width:0;padding:24px}.daftar-ui button:disabled{opacity:.6;cursor:not-allowed}.daftar-ui form+form{margin-top:20px}
.daftar-auth .login-l .brand,.daftar-auth .login-l h2,.daftar-auth .login-l p,.daftar-auth .login-l .feat,.daftar-auth .login-l .quote{animation:none;opacity:1;transform:none}
.daftar-ui .btn-gold{color:#161109;font-weight:700}
@media(prefers-reduced-motion:reduce){.daftar-auth *{animation:none!important;transition:none!important}.daftar-auth .login-l .brand,.daftar-auth .login-l h2,.daftar-auth .login-l p,.daftar-auth .login-l .feat,.daftar-auth .login-l .quote{opacity:1;transform:none}}
@media(min-width:600px){.daftar-grid,.daftar-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.daftar-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:420px){.daftar-auth .login-r{padding:16px}.daftar-shell{padding:18px}.daftar-ui .card{padding:16px}.daftar-actions>.btn{width:100%}}