.oprec-page{min-height:100vh;background:var(--color-bg);padding-top:68px}.oprec-hero{background:var(--color-maroon);padding:var(--space-8) 0 var(--space-6);color:#fff}.oprec-breadcrumb{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:var(--space-3)}.oprec-breadcrumb__link{color:rgba(255,255,255,.6);text-decoration:none}.oprec-breadcrumb__link:hover{color:#fff}.oprec-hero__title{font-family:var(--font-heading);font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.2;color:#fff;margin:0 0 var(--space-2)}.oprec-hero__sub{font-size:15px;color:rgba(255,255,255,.75);max-width:600px;line-height:1.7}.oprec-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-10);align-items:start}@media (max-width:860px){.oprec-layout{grid-template-columns:1fr}}.oprec-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.oprec-info-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.oprec-info-card__title{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-3)}.oprec-info-list{list-style:none;display:flex;flex-direction:column;gap:10px}.oprec-info-list li{font-size:13.5px;color:var(--color-text);padding-left:18px;position:relative;line-height:1.5}.oprec-info-list li:before{content:"✓";position:absolute;left:0;color:var(--color-maroon);font-weight:700}.oprec-bidang-info{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--color-border)}.oprec-bidang-info:last-child{border-bottom:none;padding-bottom:0}.oprec-bidang-info__name{font-size:13px;font-weight:700;color:var(--color-text)}.oprec-bidang-info__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.oprec-form-wrap{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.oprec-form__title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 var(--space-5)}.oprec-fieldset{border:none;padding:0;margin:0 0 var(--space-5)}.oprec-legend{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:2px;width:100%;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.oprec-legend__sub{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--color-text-muted)}.oprec-field{margin-bottom:var(--space-4)}.oprec-label{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:8px}.oprec-label span[aria-hidden]{color:var(--color-maroon);display:inline}.oprec-hint{font-size:12px;font-weight:400;color:var(--color-text-muted)}.oprec-input{width:100%;box-sizing:border-box;padding:10px 14px;font-size:15px;border:1.5px solid var(--color-border);border-radius:10px;background:#fafaf8;color:var(--color-text);font-family:var(--font-body);transition:border-color .15s,box-shadow .15s;outline:none}.oprec-input:focus{border-color:var(--color-maroon);background:#fff;box-shadow:0 0 0 3px rgba(84,17,26,.08)}.oprec-radio-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.oprec-radio-card{display:flex;align-items:center;gap:8px;padding:9px 18px;border:1.5px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.oprec-radio-card input[type=radio]{accent-color:var(--color-maroon)}.oprec-radio-card.active{border-color:var(--color-maroon);background:rgba(84,17,26,.05);color:var(--color-maroon);font-weight:600}.oprec-bidang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}@media (max-width:560px){.oprec-bidang-grid{grid-template-columns:1fr}}.oprec-bidang-card{border:1.5px solid var(--color-border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;flex-direction:column;gap:4px}.oprec-bidang-card:hover{border-color:rgba(84,17,26,.35);background:rgba(84,17,26,.03)}.oprec-bidang-card.active{border-color:var(--color-maroon);background:rgba(84,17,26,.06);box-shadow:0 0 0 3px rgba(84,17,26,.08)}.oprec-bidang-card__name{font-size:14px;font-weight:700;color:var(--color-text)}.oprec-bidang-card.active .oprec-bidang-card__name{color:var(--color-maroon)}.oprec-bidang-card__desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.oprec-posisi-wrap{background:rgba(84,17,26,.04);border:1px solid rgba(84,17,26,.12);border-radius:10px;padding:var(--space-3);animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.oprec-posisi-label{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.oprec-posisi-list{display:flex;flex-direction:column;gap:8px}.oprec-posisi-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;background:#fff;transition:border-color .15s,background .15s}.oprec-posisi-item input[type=radio]{accent-color:var(--color-maroon)}.oprec-posisi-item.active{border-color:var(--color-maroon);background:rgba(84,17,26,.05);color:var(--color-maroon);font-weight:600}.oprec-file-input{display:block;width:100%;font-size:14px;color:var(--color-text);padding:8px 0}.oprec-file-name{font-size:13px;color:var(--color-text-muted);margin-top:6px}.oprec-error{font-size:13px;color:var(--color-maroon);background:rgba(84,17,26,.06);border:1px solid rgba(84,17,26,.18);border-radius:8px;padding:10px 14px;margin-bottom:var(--space-3)}.oprec-submit{width:100%;padding:14px;font-size:15px;justify-content:center}.oprec-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-4)}.oprec-success__icon{font-size:48px}.oprec-success__title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text)}.oprec-success__msg{font-size:15px;color:var(--color-text-muted);max-width:440px;line-height:1.7}