:root{--rep-ink:#17333b;--rep-muted:#67828a;--rep-line:rgba(57,132,143,.16);--rep-blue:#159bc9;--rep-green:#6f9f62}
.representative-page{min-height:100vh;background:linear-gradient(180deg,#f8fcfd 0%,#edf8f5 100%);color:var(--rep-ink)}
.rep-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--rep-line);box-shadow:0 12px 34px rgba(42,91,101,.06)}
.rep-topbar .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--rep-ink);font-weight:800}.rep-topbar .brand img{width:42px;height:42px;object-fit:contain}.rep-topbar .brand span{font-size:13px;letter-spacing:.04em}.rep-topbar .brand b{color:var(--rep-blue)}
.rep-back{color:#46717a;text-decoration:none;font-weight:800;font-size:12px}.rep-back span{color:var(--rep-blue)}
.rep-hero{max-width:1180px;margin:0 auto;padding:78px 6vw 56px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:55px;align-items:center}.rep-kicker,.rep-section-label{display:block;color:var(--rep-blue);font-size:11px;font-weight:900;letter-spacing:.15em}.rep-hero h1{margin:12px 0 18px;font-family:Georgia,serif;font-size:clamp(42px,6.5vw,78px);line-height:.98;letter-spacing:-.045em}.rep-hero h1 em{font-style:italic;color:var(--rep-blue)}.rep-hero p{max-width:720px;color:var(--rep-muted);font-size:18px;line-height:1.65}.rep-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.rep-points span{padding:9px 12px;border:1px solid var(--rep-line);border-radius:999px;background:rgba(255,255,255,.6);font-size:11px;font-weight:850;color:#4c6f77}.rep-hero-mark{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#17333b,#206a78);color:#fff;box-shadow:0 25px 60px rgba(23,51,59,.18);transform:rotate(4deg)}.rep-hero-mark span{font-family:Georgia,serif;font-size:82px;line-height:.8}.rep-hero-mark small{margin-top:13px;font-size:9px;line-height:1.35;letter-spacing:.16em;font-weight:900;color:#bdefff}
.rep-layout{max-width:1180px;margin:0 auto;padding:10px 6vw 80px;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:start}.rep-info{padding:20px 5px}.rep-info h2,.rep-form-card h2,.rep-process h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);line-height:1.05;margin:11px 0 15px;letter-spacing:-.03em}.rep-info>p{color:var(--rep-muted);line-height:1.7;max-width:650px}.rep-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.rep-info-grid article{padding:18px;border:1px solid var(--rep-line);border-radius:18px;background:rgba(255,255,255,.54);display:grid;gap:7px}.rep-info-grid b{font-size:13px}.rep-info-grid span{font-size:12px;line-height:1.55;color:var(--rep-muted)}.rep-note{margin-top:18px;padding:16px 17px;border-radius:15px;background:#e9f5f2;border:1px solid rgba(111,159,98,.18);display:grid;gap:5px}.rep-note strong{font-size:11px;color:#397153;text-transform:uppercase;letter-spacing:.1em}.rep-note span{font-size:12px;line-height:1.55;color:#52716d}
.rep-form-card{background:rgba(255,255,255,.9);border:1px solid var(--rep-line);border-radius:26px;padding:30px;box-shadow:0 25px 70px rgba(42,91,101,.10)}.rep-form-head p{margin:0 0 25px;color:var(--rep-muted);font-size:13px;line-height:1.6}.rep-form-card form{display:grid;gap:17px}.rep-form-card label{display:grid;gap:7px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#42636a}.rep-form-card input,.rep-form-card textarea{width:100%;border:1px solid rgba(57,132,143,.2);border-radius:13px;background:#fbfdfd;padding:13px 14px;color:var(--rep-ink);font:inherit;font-size:14px;outline:none;resize:vertical}.rep-form-card input:focus,.rep-form-card textarea:focus{border-color:rgba(21,155,201,.65);box-shadow:0 0 0 4px rgba(21,155,201,.08)}.rep-form-card small{margin-top:-2px;text-align:right;color:#7c969c;font-size:10px;font-weight:700}.rep-submit{display:flex;align-items:center;justify-content:space-between;border:0;border-radius:13px;padding:14px 17px;background:#17333b;color:white;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(23,51,59,.16);transition:transform .2s,box-shadow .2s}.rep-submit:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(23,51,59,.22)}.rep-submit b{font-size:19px}.rep-submit:disabled{opacity:.55;cursor:wait;transform:none}.rep-message{min-height:20px;font-size:12px;line-height:1.5}.rep-message.success{color:#32704e}.rep-message.error{color:#a04d3d}
.rep-process{max-width:1180px;margin:0 auto;padding:0 6vw 85px}.rep-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.rep-steps article{padding:21px;border:1px solid var(--rep-line);border-radius:19px;background:rgba(255,255,255,.5);display:grid;gap:8px}.rep-steps i{font-style:normal;color:var(--rep-blue);font-size:10px;font-weight:900;letter-spacing:.12em}.rep-steps b{font-size:14px}.rep-steps span{color:var(--rep-muted);font-size:11px;line-height:1.55}.representative-page footer{padding:28px 6vw;border-top:1px solid var(--rep-line);text-align:center;color:#759097;font-size:11px}
@media(max-width:850px){.rep-hero{grid-template-columns:1fr;padding-top:52px}.rep-hero-mark{display:none}.rep-layout{grid-template-columns:1fr}.rep-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rep-topbar{padding:13px 18px}.rep-topbar .brand span{font-size:10px}.rep-back{font-size:10px}.rep-hero{padding:42px 22px 35px}.rep-hero h1{font-size:47px}.rep-hero p{font-size:15px}.rep-layout,.rep-process{padding-left:22px;padding-right:22px}.rep-info-grid,.rep-steps{grid-template-columns:1fr}.rep-form-card{padding:22px}.rep-points span{font-size:9px}}

/* Responsive hardening */
.representative-page{overflow-x:hidden}
@media(max-width:850px){.rep-layout,.rep-steps,.rep-info-grid{min-width:0}.rep-form-card,.rep-info-card,.rep-step{min-width:0}}
@media(max-width:600px){
  .rep-topbar{gap:9px}
  .rep-topbar .brand{min-width:0}
  .rep-topbar .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rep-back{white-space:nowrap}
  .rep-hero h1{font-size:clamp(39px,12vw,52px) !important;line-height:.96}
  .rep-hero p{font-size:13px;line-height:1.7}
  .rep-form-card{padding:18px !important}
  .rep-submit{width:100%}
}