/* LSD100 — menu akun (avatar + dropdown) dan indikator progres. Dipakai semua halaman. */
.acct{position:relative;display:inline-flex;align-items:center}
.acct-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#1E46E6,#2f5bff);color:#fff;cursor:pointer;display:grid;place-items:center;
  font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:16px;padding:0;transition:transform .18s,box-shadow .2s,border-color .2s}
.acct-btn:hover,.acct-btn[aria-expanded="true"]{transform:translateY(-1px);box-shadow:0 8px 24px -8px rgba(47,91,255,.9);border-color:#fff}
.acct-btn:focus-visible{outline:2px solid #4E73FF;outline-offset:3px}
.acct-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:#0a0f1e;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px -16px rgba(0,0,0,.85);z-index:60;padding:6px 0;animation:acctin .18s ease-out}
.acct-menu[hidden]{display:none}
@keyframes acctin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.acct-who{padding:12px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px}
.acct-who b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;font-size:15px;color:#f4f5f7;text-transform:none;overflow-wrap:anywhere}
.acct-who small{display:block;font-size:12px;color:#8a8f9c;margin-top:2px;overflow-wrap:anywhere}
.acct-menu a,.acct-menu button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:12px 16px;color:#d6d8de;text-decoration:none;
  font-family:'Archivo Narrow',sans-serif;font-weight:700;font-size:14px;letter-spacing:.09em;text-transform:uppercase}
.acct-menu a:hover,.acct-menu button:hover,.acct-menu a:focus-visible,.acct-menu button:focus-visible{background:rgba(78,115,255,.14);color:#fff;outline:none}
.acct-menu button[data-out]{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;color:#ff9b9b}
#nav-out{display:none!important}

/* indikator progres */
.prog{margin-top:18px}
.prog ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin:0;padding:0}
.prog ol::before,.prog ol::after{content:"";position:absolute;top:16px;left:8.333%;height:2px}
.prog ol::before{right:8.333%;background:rgba(255,255,255,.14)}
.prog ol::after{width:calc(83.333% * var(--f,0));background:#4E73FF;box-shadow:0 0 12px rgba(78,115,255,.8);transition:width .5s cubic-bezier(.16,.8,.28,1)}
.prog li{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.prog li i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:'Archivo',sans-serif;font-weight:900;font-size:14px;background:#04060c;border:2px solid rgba(255,255,255,.2);color:#8a8f9c}
.prog li span{font-family:'Archivo Narrow',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a8f9c;line-height:1.2;overflow-wrap:anywhere;padding:0 2px}
.prog li.done i{background:#1E46E6;border-color:#1E46E6;color:#fff}
.prog li.done span{color:#c3c6cd}
.prog li.cur i{border-color:#4E73FF;color:#fff;background:#0d1430;box-shadow:0 0 0 4px rgba(78,115,255,.22),0 0 22px rgba(78,115,255,.6)}
.prog li.cur span{color:#fff}
.prog-next{margin-top:16px;font-size:clamp(1.05rem,3.4vw,1.25rem);font-weight:500;line-height:1.4;color:#fff;border-left:3px solid #4E73FF;padding:2px 0 2px 14px}
.prog-step{display:block;font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4E73FF;margin-bottom:4px}
@media (max-width:420px){.prog li span{font-size:9px;letter-spacing:0;overflow-wrap:normal}}
.acct-menu a.acct-docs{border-top:1px solid rgba(255,255,255,.1)}