.cf-status-page { min-height: 70vh; background: radial-gradient(ellipse at 78% 10%, rgba(88,166,255,.11), transparent 42%); }
.cf-status-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:clamp(2rem,6vw,5.5rem); align-items:center; padding-top:clamp(4rem,9vw,8rem); padding-bottom:clamp(4rem,8vw,7rem); }
.cf-status-hero-copy h1,.cf-narrow-page h1,.cf-status-section>h1 { font-size:clamp(2.2rem,5vw,4.25rem); line-height:1.06; letter-spacing:-.045em; max-width:850px; margin:.7rem 0 1.1rem; }
.cf-lead { max-width:760px; color:var(--cf-muted); font-size:clamp(1.05rem,1.7vw,1.25rem); line-height:1.75; }
.cf-eyebrow { color:var(--cf-cyan); font-size:.76rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.cf-pulse-dot { display:inline-block; width:.55rem; height:.55rem; margin-right:.4rem; border-radius:50%; background:var(--cf-cyan); box-shadow:0 0 14px rgba(59,201,219,.7); }
.cf-actions,.cf-action-row { display:flex; gap:.8rem; flex-wrap:wrap; margin:1.7rem 0; }
.cf-disclaimer { max-width:700px; color:var(--cf-muted); font-size:.88rem; margin-top:1.6rem; }
.cf-flow-card,.cf-status-card,.cf-safety-callout,.cf-update-card,.cf-steps li { border:1px solid var(--cf-border); border-radius:var(--cf-radius-lg); background:linear-gradient(145deg,rgba(22,27,34,.96),rgba(18,24,32,.94)); }
.cf-flow-card { padding:1.4rem; box-shadow:0 25px 90px rgba(0,0,0,.3); }
.cf-flow-node { display:flex; gap:1rem; align-items:center; padding:.75rem .35rem; }
.cf-flow-node>span,.cf-steps li>span { display:grid; place-items:center; flex:0 0 2.4rem; height:2.4rem; border-radius:50%; color:var(--cf-cyan); background:rgba(59,201,219,.1); border:1px solid rgba(59,201,219,.25); font-size:.78rem; font-weight:800; }
.cf-flow-node strong,.cf-flow-node small { display:block; }
.cf-flow-node small { margin-top:.15rem; color:var(--cf-muted); }
.cf-flow-line { height:1.3rem; margin-left:1.55rem; border-left:1px solid rgba(88,166,255,.42); }
.cf-flow-note { margin-top:1rem; padding:.8rem; border-radius:8px; color:var(--cf-muted); background:rgba(88,166,255,.06); font-size:.84rem; }
.cf-status-section { padding-top:2rem; padding-bottom:5rem; }
.cf-section-heading { max-width:740px; margin-bottom:2rem; }
.cf-section-heading h2 { font-size:clamp(1.7rem,3.5vw,2.6rem); line-height:1.15; margin:.55rem 0; }
.cf-section-heading>p:last-child { color:var(--cf-muted); }
.cf-status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; margin:2rem 0; }
.cf-status-card { padding:1.3rem; }
.cf-status-card h2,.cf-status-card h3 { margin:.8rem 0 .4rem; font-size:1.2rem; }
.cf-status-card p,.cf-update-card p { color:var(--cf-muted); line-height:1.7; }
.cf-status-card .cf-checklist { margin:.85rem 0 0; }
.cf-status-card .cf-checklist li { padding:.28rem 0 .28rem .25rem; line-height:1.55; }
.cf-status-card a { display:inline-block; margin-top:1rem; font-weight:650; }
.cf-status-label { display:inline-flex; align-items:center; border-radius:999px; padding:.34rem .65rem; font-size:.67rem; line-height:1.25; font-weight:800; letter-spacing:.09em; }
.cf-status-source { color:#78df97; background:rgba(63,185,80,.12); border:1px solid rgba(63,185,80,.24); }
.cf-status-pending { color:#f2c66d; background:rgba(210,153,34,.12); border:1px solid rgba(210,153,34,.26); }
.cf-safety-callout { margin:1.8rem 0; padding:1rem 1.2rem; color:var(--cf-muted); line-height:1.7; border-left:3px solid var(--cf-cyan); }
.cf-safety-callout strong { color:var(--cf-text); }
.cf-safety-callout-danger { border-left-color:var(--cf-warning); }
.cf-narrow-page { max-width:900px; padding-top:clamp(4rem,9vw,7rem); padding-bottom:5rem; }
.cf-narrow-page h2 { margin:2rem 0 .8rem; font-size:1.4rem; }
.cf-checklist { padding-left:1.3rem; margin:1rem 0 1.5rem; color:var(--cf-muted); }
.cf-checklist li { padding:.32rem 0 .32rem .25rem; }
.cf-technical-details { margin-top:2rem; padding:1rem 1.2rem; border:1px solid var(--cf-border); border-radius:var(--cf-radius-lg); color:var(--cf-muted); }
.cf-technical-details summary { color:var(--cf-text); font-weight:650; cursor:pointer; }
.cf-technical-details p { line-height:1.7; margin-bottom:0; }
.cf-steps { list-style:none; display:grid; gap:1rem; max-width:900px; padding:0; margin:2rem 0; counter-reset:step; }
.cf-steps li { display:flex; gap:1rem; padding:1.25rem; }
.cf-steps li h2 { margin:.1rem 0 .4rem; font-size:1.15rem; }
.cf-steps li p { color:var(--cf-muted); line-height:1.7; }
.cf-update-card { padding:1.4rem; margin:1.2rem 0; }
.cf-update-card time { color:var(--cf-cyan); font-size:.83rem; font-weight:700; }
.cf-update-card h2 { margin:.55rem 0; font-size:1.25rem; }
@media (max-width:760px) { .cf-status-hero { grid-template-columns:1fr; padding-top:3.5rem; } .cf-status-hero-copy h1,.cf-narrow-page h1,.cf-status-section>h1 { font-size:clamp(2.1rem,10vw,3.2rem); } .cf-flow-card { max-width:560px; } }
@media (prefers-reduced-motion:reduce) { .cf-status-page *, .cf-status-page *::before, .cf-status-page *::after { scroll-behavior:auto; transition:none; } }