.oprec-page{min-height:100vh;padding-top:68px}.oprec-hero,.oprec-page{background:var(--color-bg)}.oprec-hero{position:relative;border-bottom:1px solid var(--color-border);padding:var(--space-8) 0 var(--space-6);color:var(--color-text);overflow:hidden}.oprec-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 75% at 88% 25%,rgba(217,164,65,.16) 0,transparent 62%),radial-gradient(ellipse 40% 60% at 5% 85%,rgba(196,85,45,.1) 0,transparent 60%);pointer-events:none}.oprec-hero>*{position:relative;z-index:1}.oprec-breadcrumb{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--space-3)}.oprec-breadcrumb__link{color:var(--color-text-muted);text-decoration:none}.oprec-breadcrumb__link:hover{color:var(--color-maroon-soft)}.oprec-hero__title{font-family:var(--font-heading);font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.2;color:var(--color-heading);margin:0 0 var(--space-2)}.oprec-hero__sub{font-size:15px;color:var(--color-text-muted);max-width:600px;line-height:1.7}.oprec-photo{position:relative;margin:0;line-height:0}.oprec-photo__img{width:100%;height:clamp(240px,30vw,340px);object-fit:cover;object-position:center 62%;display:block}.oprec-photo__caption{position:absolute;left:0;right:0;bottom:0;padding:var(--space-5) var(--space-3) var(--space-2);background:linear-gradient(0deg,rgba(45,9,14,.82) 0,rgba(45,9,14,0));color:rgba(255,255,255,.95);font-size:13.5px;line-height:1.5;text-align:center}@media (max-width:560px){.oprec-photo__caption{padding:var(--space-4) var(--space-2) 10px;font-size:12.5px}}.oprec-benefits{background:var(--color-amber-soft);border-bottom:1px solid rgba(217,164,65,.35);padding:var(--space-6) 0}.oprec-benefits__title{font-family:var(--font-heading);font-size:clamp(19px,2.5vw,24px);font-weight:700;color:var(--color-heading);margin:0 0 var(--space-4)}.oprec-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.oprec-benefit-card{display:flex;flex-direction:column;gap:6px;background:var(--color-surface);border:1px solid rgba(217,164,65,.4);border-radius:var(--radius-lg);padding:var(--space-3)}.oprec-benefit-card__icon{font-size:26px;line-height:1}.oprec-benefit-card__name{font-size:15px;font-weight:700;color:var(--color-heading)}.oprec-benefit-card__desc{font-size:13px;color:var(--color-text-muted);line-height:1.55}.oprec-terms-strip{list-style:none;display:flex;flex-wrap:wrap;gap:6px var(--space-4);margin:var(--space-3) 0 0;padding:0}.oprec-terms-strip li{font-size:12.5px;color:var(--color-text-muted);position:relative;padding-left:16px}.oprec-terms-strip li:before{content:"✓";position:absolute;left:0;color:var(--color-terracotta);font-weight:700}@media (max-width:800px){.oprec-benefit-grid{grid-template-columns:1fr}}.oprec-layout{max-width:860px;margin:0 auto;padding-top:var(--space-6);padding-bottom:var(--space-10)}.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}