/* MAIN */

main{flex:1;max-width:760px;margin:0 auto;width:100%;padding:64px 32px 80px}

.page-eyebrow{font-size:.72rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
h1{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:900;line-height:1.2;margin-bottom:10px}
h1 span{background:var(--red);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.page-sub{color:var(--muted);font-size:.9rem;line-height:1.75;max-width:560px;margin-bottom:48px}


/* UPDATED ROW */

.updated-row{display:flex;align-items:center;gap:10px;margin-bottom:32px;flex-wrap:wrap}
.upd-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:20px}
.upd-green{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25);color:var(--green)}
.upd-gray{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--muted)}


/* MIRROR CARDS */

.mirrors-list{display:flex;flex-direction:column;gap:12px;margin-bottom:48px}
.mirror-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:18px;transition:.2s}
.mirror-card:hover{border-color:rgba(251,25,73,.3);background:var(--bg3)}
.mirror-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.status-online{background:var(--green);box-shadow:0 0 8px rgba(74,222,128,.5)}
.mirror-info{flex:1;min-width:0}
.mirror-url{font-size:.97rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.mirror-url .lock{font-size:.8rem;color:var(--green)}
.mirror-desc{font-size:.78rem;color:var(--muted);margin-top:3px}
.mirror-tag{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:20px;background:rgba(251,25,73,.12);color:var(--red);border:1px solid rgba(251,25,73,.2);white-space:nowrap}
.mirror-tag.primary{background:rgba(255,184,48,.12);color:var(--gold);border-color:rgba(255,184,48,.2)}
.mirror-btn{background:var(--red);color:#fff;padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:700;white-space:nowrap;transition:opacity .2s;flex-shrink:0}
.mirror-btn:hover{opacity:.85}


/* DIVIDER */

hr{border:none;border-top:1px solid var(--border);margin:40px 0}


/* INFO BLOCKS */

.info-title{font-size:.93rem;font-weight:700;margin-bottom:10px}
.info-text{font-size:.84rem;color:var(--muted);line-height:1.75;margin-bottom:16px}

.steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.step-row{display:flex;gap:12px;align-items:flex-start}
.step-n{width:24px;height:24px;border-radius:50%;background:rgba(251,25,73,.15);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0;margin-top:2px}
.step-row p{font-size:.84rem;color:var(--muted);line-height:1.6}
.step-row strong{color:var(--text)}

.warn-box{background:rgba(255,184,48,.07);border:1px solid rgba(255,184,48,.18);border-radius:10px;padding:14px 18px;font-size:.82rem;color:var(--muted);line-height:1.65;display:flex;gap:10px;align-items:flex-start}
.warn-box strong{color:var(--gold)}