.platform-hero{background:var(--grad);position:relative;overflow:hidden;padding:90px 0 100px;color:#c6d3e0}
.platform-hero::before{content:"";position:absolute;width:650px;height:650px;inset-inline-end:-220px;top:-270px;background:radial-gradient(circle,rgba(224,166,60,.16),transparent 68%);pointer-events:none}
.platform-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:80px;align-items:center}
.platform-status{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(235,192,106,.35);border-radius:30px;padding:8px 16px;color:var(--gold-hi);font-size:13px;font-weight:600}
.platform-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-hi)}
.platform-name{margin-top:30px;font-family:var(--disp);font-weight:600;color:#e4eaf0;font-size:16px}
.platform-copy h1{color:#fff;font-size:clamp(38px,4.4vw,58px);line-height:1.15;margin:14px 0 24px;letter-spacing:-.025em}
.platform-copy h1 span{color:var(--gold-hi)}
.platform-intro{font-size:20px;line-height:1.55;max-width:480px;color:#eef2f6}
.platform-description{margin-top:18px;font-size:16px;line-height:1.8;max-width:580px}
.platform-pillars{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.platform-pillars span{border:1px solid var(--line-d2);border-radius:8px;padding:8px 12px;font-size:12.5px;color:#dce5ed;background:rgba(255,255,255,.03)}
.platform-note{margin-top:30px;color:#aabccc;font-size:14px}
.platform-access{background:#fff;border-radius:20px;padding:34px;color:var(--slate);box-shadow:0 24px 65px rgba(0,0,0,.2);border:1px solid rgba(235,192,106,.25)}
.platform-lock{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:22px;background:#fff5e1;border-radius:12px;color:var(--navy)}
.platform-lock svg{width:26px;height:26px}
.platform-access .eyebrow{color:#865c15}
.platform-access h2{color:var(--navy);font-size:25px;line-height:1.25;margin-top:10px}
.platform-access-intro{margin-top:12px;font-size:14px;color:#566877}
.platform-access form{margin-top:24px}
.platform-access label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px;color:var(--navy)}
.platform-access input{width:100%;min-height:48px;border:1px solid #c9d3dd;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;color:var(--navy);background:#fbfcfd}
.platform-access input:focus{outline:2px solid var(--gold-deep);outline-offset:2px}
.platform-access .btn{width:100%;justify-content:center;margin-top:24px}
.platform-error{color:#a32424;background:#fff1f1;border:1px solid #edc8c8;border-radius:8px;padding:10px 12px;font-size:14px;margin-top:16px}
.platform-access-note{font-size:12px;line-height:1.6;color:#566877;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.platform-page a:focus-visible,.platform-page button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}
html[dir="rtl"] .platform-copy h1{letter-spacing:0}
@media(max-width:900px){
  .platform-hero{padding:60px 0}
  .platform-layout{grid-template-columns:1fr;gap:42px}
  .platform-copy{max-width:650px}
  .platform-access{width:100%;max-width:500px}
}
@media(max-width:480px){
  .platform-hero{padding:42px 0 54px}
  .platform-access{padding:26px 22px}
  .platform-access h2{font-size:23px}
  .platform-intro{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.platform-page .btn{transition:none;transform:none}}
