.page-module__E0kJGG__root{background:#f0fdf4;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.page-module__E0kJGG__bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 10% 0,#bbf7d08c 0%,#0000 55%),radial-gradient(50% 40% at 90% 100%,#fde68a66 0%,#0000 55%),radial-gradient(70% 60%,#fff9 0%,#0000 70%),linear-gradient(160deg,#ecfdf5 0%,#f0fdf4 50%,#fefce8 100%);position:fixed;inset:0}.page-module__E0kJGG__header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #05966926;align-items:center;gap:1rem;padding:.875rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #00000012}.page-module__E0kJGG__logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.page-module__E0kJGG__headerText{flex:1}.page-module__E0kJGG__headerInstitusi{color:#064e3b;letter-spacing:.03em;text-transform:uppercase;font-size:.95rem;font-weight:800}.page-module__E0kJGG__headerSub{color:#6b7280;margin-top:1px;font-size:.68rem;font-weight:500}.page-module__E0kJGG__headerTime{text-align:right}.page-module__E0kJGG__timeVal{color:#059669;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.page-module__E0kJGG__dateVal{color:#9ca3af;text-transform:capitalize;margin-top:2px;font-size:.65rem}.page-module__E0kJGG__main{z-index:1;flex:1;justify-content:center;align-items:flex-start;padding:calc(76px + 2rem) 1rem 2rem;display:flex;position:relative}.page-module__E0kJGG__card{background:#fff;border:1px solid #0596691a;border-radius:1.5rem;width:100%;max-width:680px;animation:.5s cubic-bezier(.22,1,.36,1) both page-module__E0kJGG__cardIn;overflow:hidden;box-shadow:0 8px 40px #0596691f,0 2px 8px #0000000f}.page-module__E0kJGG__cardHead{background:linear-gradient(135deg,#ecfdf5 0%,#fefce8 100%);border-bottom:2px solid #d1fae5;align-items:center;gap:.875rem;padding:1.25rem 2rem 1rem;display:flex}.page-module__E0kJGG__cardHead:before{content:"";background:linear-gradient(#059669,#fbbf24);border-radius:9999px;flex-shrink:0;width:5px;height:36px;display:block}.page-module__E0kJGG__cardTitle{color:#064e3b;letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.page-module__E0kJGG__cardSub{color:#6b7280;margin-top:2px;font-size:.73rem;font-weight:500}.page-module__E0kJGG__stepBar{background:linear-gradient(135deg,#f0fdf4,#fefce8);border-bottom:1px solid #d1fae5;justify-content:center;align-items:flex-start;padding:1.25rem 2rem 0;display:flex;position:relative}.page-module__E0kJGG__stepItem{flex-direction:column;flex:1;align-items:center;gap:.375rem;padding-bottom:1rem;display:flex;position:relative}.page-module__E0kJGG__stepItem:not(:last-child) .page-module__E0kJGG__connector{z-index:0;background:#e5e7eb;height:2px;transition:background .4s;position:absolute;top:18px;left:calc(50% + 18px);right:calc(18px - 50%)}.page-module__E0kJGG__connectorDone{background:#059669}.page-module__E0kJGG__stepBubble{color:#9ca3af;z-index:1;background:#fff;border:2.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;position:relative}.page-module__E0kJGG__stepDone .page-module__E0kJGG__stepBubble{color:#fff;background:#059669;border-color:#059669}.page-module__E0kJGG__stepActive .page-module__E0kJGG__stepBubble{color:#fff;background:#059669;border-color:#059669;box-shadow:0 0 0 5px #05966933}.page-module__E0kJGG__stepLbl{color:#9ca3af;text-align:center;white-space:nowrap;font-size:.65rem;font-weight:600;transition:color .3s}.page-module__E0kJGG__stepDone .page-module__E0kJGG__stepLbl,.page-module__E0kJGG__stepActive .page-module__E0kJGG__stepLbl{color:#059669}.page-module__E0kJGG__body{padding:0;animation:.4s ease-out both page-module__E0kJGG__stepFadeIn}@keyframes page-module__E0kJGG__stepFadeIn{0%{opacity:0}to{opacity:1}}.page-module__E0kJGG__stepContent{padding:1.75rem 2rem}.page-module__E0kJGG__stepHeading{color:#064e3b;margin:0 0 .25rem;font-size:1rem;font-weight:700}.page-module__E0kJGG__stepHint{color:#6b7280;margin:0 0 1.25rem;font-size:.8rem}.page-module__E0kJGG__fieldWrap{margin-bottom:1rem}.page-module__E0kJGG__lbl{color:#374151;margin-bottom:.35rem;font-size:.775rem;font-weight:600;display:block}.page-module__E0kJGG__req{color:#ef4444}.page-module__E0kJGG__inp{color:#111827;appearance:none;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:.625rem;width:100%;padding:.65rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.page-module__E0kJGG__inp:focus{background:#fff;border-color:#059669;outline:none;box-shadow:0 0 0 3px #0596691f}.page-module__E0kJGG__inpErr{border-color:#ef4444!important}.page-module__E0kJGG__inpArea{resize:vertical;min-height:72px;line-height:1.5}.page-module__E0kJGG__row2{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.page-module__E0kJGG__errMsg{color:#ef4444;margin-top:.25rem;font-size:.72rem;font-weight:500;display:block}.page-module__E0kJGG__camWrap{flex-direction:column;align-items:center;gap:1rem;display:flex}.page-module__E0kJGG__camArea{width:100%;max-width:400px}.page-module__E0kJGG__camView{aspect-ratio:1;background:#0f172a;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 6px #0596694d,0 8px 32px #0000004d}.page-module__E0kJGG__camVideo{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.page-module__E0kJGG__camRing{pointer-events:none;border:3px dashed #6ee7b7b3;border-radius:50%;animation:2.5s ease-in-out infinite page-module__E0kJGG__ringPulse;position:absolute;inset:8px}.page-module__E0kJGG__camCount{color:#fff;text-shadow:0 4px 24px #000000b3;background:#0006;justify-content:center;align-items:center;font-size:6rem;font-weight:900;animation:.4s page-module__E0kJGG__countPop;display:flex;position:absolute;inset:0}.page-module__E0kJGG__btnCapture{cursor:pointer;background:#fffffff2;border:4px solid #059669;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:all .2s;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.page-module__E0kJGG__btnCapture:hover{background:#fff;transform:translate(-50%)scale(1.1)}.page-module__E0kJGG__btnCaptureInner{background:linear-gradient(135deg,#059669,#047857);border-radius:50%;width:36px;height:36px;display:block}.page-module__E0kJGG__camErr{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.page-module__E0kJGG__camErrIcon{color:#f59e0b;font-size:2.5rem}.page-module__E0kJGG__camErrSub{color:#9ca3af;font-size:.75rem}.page-module__E0kJGG__photoResult{flex-direction:column;align-items:center;gap:.875rem;display:flex}.page-module__E0kJGG__photoCircle{border:5px solid #059669;border-radius:50%;width:200px;height:200px;overflow:hidden;box-shadow:0 0 0 4px #05966933}.page-module__E0kJGG__photoImg{object-fit:cover;width:100%;height:100%;display:block}.page-module__E0kJGG__photoOk{color:#059669;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;display:flex}.page-module__E0kJGG__btnRetake{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:9999px;padding:.5rem 1.25rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.page-module__E0kJGG__btnRetake:hover{color:#059669;background:#f0fdf4;border-color:#059669}.page-module__E0kJGG__cIdRow{background:linear-gradient(135deg,#f0fdf4,#fefce8);border:1.5px solid #d1fae5;border-radius:1rem;align-items:center;gap:.875rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.page-module__E0kJGG__cAvatar{border:2.5px solid #059669;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.page-module__E0kJGG__cAvatarImg{object-fit:cover;width:100%;height:100%;display:block}.page-module__E0kJGG__cAvatarInit{color:#fff;background:linear-gradient(135deg,#059669,#0d9488);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.4rem;font-weight:800;display:flex}.page-module__E0kJGG__cMeta{flex:1;min-width:0}.page-module__E0kJGG__cName{color:#064e3b;white-space:nowrap;text-overflow:ellipsis;font-size:.975rem;font-weight:700;overflow:hidden}.page-module__E0kJGG__cBadgeRow{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.page-module__E0kJGG__cBadge{border-radius:9999px;align-items:center;padding:.15rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.page-module__E0kJGG__cBadgeBlue{color:#1e40af;background:#dbeafe}.page-module__E0kJGG__cBadgePink{color:#9d174d;background:#fce7f3}.page-module__E0kJGG__cBadgeGray{color:#374151;background:#f3f4f6;border-radius:9999px;padding:.15rem .6rem;font-size:.68rem;font-weight:600}.page-module__E0kJGG__cGrid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.page-module__E0kJGG__cRow{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:.625rem .75rem}.page-module__E0kJGG__cRowFull{grid-column:1/-1}.page-module__E0kJGG__cRowAccent{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#6ee7b7;grid-column:1/-1}.page-module__E0kJGG__cRowLabel{color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.18rem;font-size:.6rem;font-weight:700}.page-module__E0kJGG__cRowVal{color:#111827;word-break:break-word;font-size:.8rem;font-weight:600;line-height:1.35}.page-module__E0kJGG__cRowAccent .page-module__E0kJGG__cRowVal{color:#059669;font-size:.85rem}.page-module__E0kJGG__footerBtns{background:#f8fafc;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.page-module__E0kJGG__btnBack{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:.625rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.page-module__E0kJGG__btnBack:hover{color:#111827;border-color:#6b7280}.page-module__E0kJGG__btnPrimary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:.625rem;padding:.7rem 1.75rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #0596694d}.page-module__E0kJGG__btnPrimary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.page-module__E0kJGG__btnPrimary:disabled{opacity:.65;cursor:not-allowed}.page-module__E0kJGG__successWrap{text-align:center;background:#fff;border:1px solid #0596691a;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:480px;padding:3rem 2rem;animation:.5s cubic-bezier(.22,1,.36,1) both page-module__E0kJGG__cardIn;display:flex;box-shadow:0 8px 40px #0596691f,0 2px 8px #0000000f}.page-module__E0kJGG__successCircle{color:#fff;background:linear-gradient(135deg,#059669,#0d9488);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;animation:.6s cubic-bezier(.22,1,.36,1) both page-module__E0kJGG__bounceIn;display:flex;box-shadow:0 8px 24px #05966966}.page-module__E0kJGG__successTitle{color:#064e3b;margin:0;font-size:1.75rem;font-weight:800}.page-module__E0kJGG__successDesc{color:#6b7280;margin:0;font-size:.9rem;line-height:1.6}.page-module__E0kJGG__regBox{background:#f0fdf4;border:1.5px solid #6ee7b7;border-radius:1rem;width:100%;padding:1rem 2rem}.page-module__E0kJGG__regLabel{color:#059669;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.7rem;font-weight:700}.page-module__E0kJGG__regCode{color:#064e3b;letter-spacing:.04em;font-family:monospace;font-size:1.1rem;font-weight:800}.page-module__E0kJGG__queueCard{background:linear-gradient(135deg,#f0fdf4,#fefce8);border:2px dashed #34d399;border-radius:1.25rem;width:100%;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #0596690d}.page-module__E0kJGG__queueHeader{color:#059669;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800}.page-module__E0kJGG__queueNum{color:#064e3b;letter-spacing:-.02em;text-shadow:0 2px 4px #064e3b1a;margin:.5rem 0;font-size:3.5rem;font-weight:900;line-height:1.1}.page-module__E0kJGG__queueDest{color:#374151;background:#ffffffa6;border:1px solid #0596691a;border-radius:.75rem;flex-direction:column;gap:.15rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.page-module__E0kJGG__queueDest span{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;font-size:.65rem;font-weight:700}.page-module__E0kJGG__queueDest strong{color:#047857;font-size:.9rem;font-weight:800}.page-module__E0kJGG__queueWaMsg{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:9999px;justify-content:center;align-items:center;margin-top:.875rem;padding:.35rem .75rem;font-size:.73rem;font-weight:700;display:inline-flex}.page-module__E0kJGG__footer{z-index:10;text-align:center;color:#9ca3af;background:#ffffffb3;border-top:1px solid #e5e7eb;padding:.875rem 2rem;font-size:.72rem;position:relative}@keyframes page-module__E0kJGG__cardIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes page-module__E0kJGG__bounceIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes page-module__E0kJGG__ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes page-module__E0kJGG__countPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.page-module__E0kJGG__header{padding:.75rem 1rem}.page-module__E0kJGG__headerInstitusi{font-size:.75rem}.page-module__E0kJGG__timeVal{font-size:1rem}.page-module__E0kJGG__main{padding:calc(68px + 1rem) .5rem 1rem}.page-module__E0kJGG__stepContent{padding:1.25rem 1rem}.page-module__E0kJGG__footerBtns{padding:1rem}.page-module__E0kJGG__cardHead{padding:1.25rem 1rem}.page-module__E0kJGG__row2{grid-template-columns:1fr;gap:.625rem}.page-module__E0kJGG__stepBar{padding:1rem 1rem 0}.page-module__E0kJGG__stepLbl{font-size:.58rem}.page-module__E0kJGG__konfirmDetails{grid-template-columns:1fr}}