body.oc-portal{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,sans-serif;
  background:linear-gradient(160deg,#f7f9fc 0%,#e8eef6 55%,#ffe8e4 120%);
  color:#1d3557;
}
.oc-portal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1.5rem;
  max-width:1080px;
  margin:0 auto;
}
.oc-portal-brand img{display:block;max-width:170px;height:auto}
.oc-portal-nav{display:flex;gap:.75rem;align-items:center}
.oc-portal-nav a:not(.oc-btn){color:#1d3557;text-decoration:none;font-weight:600;font-size:.95rem}
.oc-portal-nav a.oc-btn-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.65rem 1.1rem;border-radius:10px;font-weight:700;font-size:.95rem;
  text-decoration:none !important;
  background:#ff6f61 !important;
  color:#fff !important;
  border:1px solid #ff6f61 !important;
}
.oc-portal-nav a.oc-btn-cta:hover,
.oc-portal-nav a.oc-btn-cta:focus,
.oc-portal-nav a.oc-btn-cta:active{
  background:#e85a4f !important;
  color:#fff !important;
  border-color:#e85a4f !important;
}
.oc-portal-main{max-width:1080px;margin:0 auto;padding:1rem 1.5rem 3rem}
.oc-portal-footer{
  text-align:center;
  color:#7a8795;
  font-size:.85rem;
  padding:1.5rem;
}
.oc-hero{padding:2.5rem 0 1.5rem;max-width:640px}
.oc-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;margin:0 0 1rem}
.oc-hero p{font-size:1.05rem;color:#5d6d7e;margin:0 0 1.5rem;line-height:1.55}
.oc-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.oc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1.15rem;border-radius:10px;font-weight:700;text-decoration:none;
  border:1px solid transparent;font-size:.95rem;
}
.oc-btn-primary{background:#1d3557;color:#fff}
.oc-btn-primary:hover{background:#152842;color:#fff}
.oc-btn-secondary{background:#fff;color:#1d3557;border-color:#d7dee7}
.oc-btn-secondary:hover{border-color:#ff6f61;color:#ff6f61}
.oc-card{
  background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.07);
  border-top:4px solid #ff6f61;padding:1.5rem;max-width:440px;margin:1rem auto;
}
.oc-card h1{font-size:1.35rem;font-weight:800;margin:0 0 .35rem}
.oc-card .lead{color:#5d6d7e;font-size:.9rem;margin:0 0 1.2rem}
.oc-card label{font-weight:700;font-size:.82rem;color:#5d6d7e}
.oc-card .form-control{background:#f7f9fc;border-color:#e5e9ef}
.oc-card .form-control:focus{border-color:#ff6f61;box-shadow:0 0 0 .2rem rgba(255,111,97,.18)}
.oc-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2.5rem}
.oc-feature{background:rgba(255,255,255,.7);border-radius:12px;padding:1rem 1.1rem}
.oc-feature strong{display:block;margin-bottom:.35rem}
.oc-feature span{color:#5d6d7e;font-size:.9rem;line-height:1.45}
.oc-alert{border-radius:10px;font-size:.9rem;font-weight:600}
@media (max-width:576px){
  .oc-portal-header{padding:1rem}
  .oc-portal-main{padding:0 1rem 2rem}
}