.status-page{min-height:100vh;background:#f7f4f1}
.status-page .site-header{position:relative}
.status-home{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:.9rem;white-space:nowrap}
.status-home:hover{text-decoration:none}
.status-main{padding:clamp(1.5rem,4vw,4rem) 0 5rem;background:radial-gradient(circle at 4% 85%,#f9e5e5,transparent 30%),radial-gradient(circle at 96% 10%,#fff4d5,transparent 35%),#f7f4f1}
.status-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,510px);gap:clamp(2rem,5vw,5.5rem);align-items:center}
.status-intro{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;border-radius:1.6rem;background:radial-gradient(circle at 95% 90%,#c63040,transparent 35%),linear-gradient(145deg,#231b1d,#751b27 60%,#a82133);color:#fff;box-shadow:0 28px 55px rgba(91,18,28,.18)}
.status-intro:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-155px;top:-190px}
.status-intro-inner{position:relative;z-index:2;padding:clamp(2rem,5vw,4rem);max-width:610px}
.status-kicker{display:inline-flex;align-items:center;gap:.8rem;color:#ffe28a;font-size:.72rem;font-weight:800;letter-spacing:.14em}
.status-intro h1{margin:1.4rem 0 1rem;font-size:clamp(2.4rem,4vw,4.1rem);line-height:1.1;letter-spacing:-.055em;font-weight:800}
.status-intro h1 span{color:#ffe079}
.status-intro-inner>p{max-width:470px;color:#f5e7e8;line-height:1.75;font-size:1rem}
.status-guide{display:grid;gap:.25rem;margin-top:2.2rem}
.status-guide>div{display:flex;gap:1rem;align-items:flex-start;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.16)}
.status-guide>div:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.guide-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:.75rem;background:rgba(255,224,121,.15);color:#ffe079}
.status-guide strong,.status-guide small{display:block}
.status-guide strong{font-size:.89rem}.status-guide small{margin-top:.2rem;color:#e9d7d8;font-size:.79rem;line-height:1.5}
.status-decoration{position:absolute;right:-45px;bottom:-35px;width:250px;height:250px;opacity:.17;pointer-events:none}
.status-decoration img{width:100%;height:100%;object-fit:contain;transform:rotate(-12deg)}
.status-panel{background:#fff;border:1px solid #ede5e2;border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 25px 60px rgba(43,25,27,.1)}
.status-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
.panel-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:1rem;background:#fff0f1;color:#b3192d;font-size:1.3rem}
.panel-tag{border-radius:50px;background:#fff8e5;color:#8c5d00;padding:.45rem .7rem;font-size:.67rem;font-weight:800;letter-spacing:.1em}
.status-panel h2{margin:0 0 .35rem;font-size:1.75rem;letter-spacing:-.04em;font-weight:800}
.panel-description{color:#686164;font-size:.91rem;line-height:1.6;margin-bottom:1.8rem}
.status-alert{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:1.3rem}
.status-alert i{margin-top:.15rem}
.status-field{margin-bottom:1.3rem}.status-field label{font-size:.85rem;font-weight:750;margin-bottom:.55rem}
.status-input-wrap{position:relative}.status-input-wrap>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a45660;pointer-events:none}
.status-input-wrap .form-control{height:54px;padding-left:2.7rem;border-radius:.78rem;border:1px solid #ded6d4;background:#fdfcfb;font-size:.95rem}
.status-input-wrap .form-control:focus{background:#fff;border-color:#b3192d;box-shadow:0 0 0 .2rem rgba(179,25,45,.12)}
.status-field.is-invalid .form-control{border-color:#c33444}.status-field.is-valid .form-control{border-color:#4c9d73}
.field-help,.field-error{display:block;font-size:.74rem;line-height:1.45;margin-top:.42rem}.field-help{color:#746d70}.field-error{color:#a51e2e;font-weight:650}.field-error:empty{display:none}
.status-submit{width:100%;justify-content:space-between;margin-top:.4rem}.status-submit[disabled]{cursor:wait;opacity:.78}
.status-help{border-top:1px solid #eee8e5;margin-top:1.6rem;padding-top:1.2rem;font-size:.82rem;color:#696163}
.status-help summary{cursor:pointer;color:#8e1828;font-weight:700;list-style:none}.status-help summary::-webkit-details-marker{display:none}.status-help summary i{margin-right:.35rem}
.status-help p{margin:.7rem 0 0;line-height:1.6}
.status-help-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.9rem}
.status-help-links a{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.75rem;border:1px solid #eadfdd;border-radius:.75rem;background:#fffaf9;color:#76202b;text-decoration:none}
.status-help-links a:hover{border-color:#bd4553;background:#fff3f2;color:#76202b;text-decoration:none}
.status-help-links a:focus-visible{outline:3px solid #b3192d;outline-offset:2px}
.status-help-links a>i{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:.6rem;background:#f9e8e9;color:#b3192d;font-size:.9rem}
.status-help-links a:last-child>i{background:#e8f6ec;color:#208342}
.status-help-links small,.status-help-links strong{display:block}.status-help-links small{font-size:.66rem;color:#71666a}.status-help-links strong{font-size:.83rem;white-space:nowrap}
.status-return{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-size:.83rem;font-weight:700}.status-return:hover{text-decoration:none}
.status-result-card{--result-color:#a46c00;--result-bg:#fff9e8;--result-border:#f2dfa6;margin-top:1.7rem;padding:1.3rem;border:1px solid var(--result-border);border-radius:1rem;background:var(--result-bg);animation:result-in .35s ease-out}
.status-result-card.status-semakan{--result-color:#236b88;--result-bg:#f1f8fb;--result-border:#c9e0ea}
.status-result-card.status-lengkap{--result-color:#267248;--result-bg:#f0f9f3;--result-border:#c8e7d1}
.status-result-card.status-ditolak{--result-color:#a5313e;--result-bg:#fff3f3;--result-border:#f0cbd0}
.result-header{display:flex;align-items:center;gap:.65rem}.result-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:.6rem;background:#fff;color:var(--result-color)}
.result-label{color:var(--result-color);font-size:.68rem;letter-spacing:.12em;font-weight:800}
.status-result-card h3{font-size:1.24rem;letter-spacing:-.025em;font-weight:800;margin:.8rem 0 .55rem}.result-badge{display:inline-block;border-radius:50px;background:#fff;border:1px solid var(--result-border);padding:.25rem .65rem;color:var(--result-color);font-size:.73rem;font-weight:800}
.status-result-card>p{margin:.8rem 0 1rem;line-height:1.55;color:#50484a;font-size:.84rem}
.status-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:1.3rem 0 1.2rem;position:relative;text-align:center}
.status-steps:before{content:"";height:2px;background:#d9d3cd;position:absolute;top:15px;left:16%;right:16%}.status-steps li{position:relative;z-index:1}.status-steps li span{display:grid;place-items:center;margin:0 auto .35rem;width:31px;height:31px;border-radius:50%;background:#e6e1dd;color:#777;font-size:.75rem;font-weight:800}.status-steps li.is-reached span{background:var(--result-color);color:#fff}.status-steps li small{color:#625a5c;font-size:.7rem;font-weight:700}.status-steps li[aria-current=step] small{color:var(--result-color)}
.result-meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;border-top:1px solid var(--result-border);padding-top:1rem}.result-meta small,.result-meta strong{display:block}.result-meta small{font-size:.7rem;color:#70696a}.result-meta strong{font-size:.81rem;overflow-wrap:anywhere;margin-top:.2rem}
.copy-reference{border:0;background:transparent;color:var(--result-color);padding:.8rem 0 .3rem;font-size:.76rem;font-weight:750;cursor:pointer}.copy-reference:hover{text-decoration:underline}.result-note{display:block;font-size:.7rem;color:#736c6e}
@keyframes result-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.status-layout{grid-template-columns:1fr;gap:1.4rem;max-width:680px}.status-intro{min-height:0}.status-intro-inner{padding:2.4rem}.status-decoration{width:190px;height:190px}.status-guide{grid-template-columns:repeat(3,1fr);gap:.8rem}.status-guide>div,.status-guide>div:last-child{border:0;padding:0;display:block}.guide-icon{margin-bottom:.65rem}}
@media(max-width:600px){.status-main{padding:1rem 0 3rem}.status-layout{padding:0 16px}.status-intro{border-radius:1.1rem}.status-intro-inner{padding:1.8rem}.status-intro h1{font-size:2.45rem}.status-guide{grid-template-columns:1fr;gap:0;margin-top:1.4rem}.status-guide>div,.status-guide>div:last-child{display:flex;align-items:center;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.16)}.guide-icon{margin:0}.status-guide small{font-size:.74rem}.status-decoration{display:none}.status-panel{border-radius:1.1rem;padding:1.5rem}.status-home{font-size:.8rem}.site-brand small{display:none}.result-meta{grid-template-columns:1fr}.status-help-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.status-result-card{animation:none}}