/* Shared styling for the contact and security pages. */

/* --- Contact --- */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}
.contact-heading{font-size:1.3rem;margin:0 0 16px}
.contact-aside{display:grid;gap:14px}
.contact-channel{padding:22px 24px}
.contact-channel-label{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.contact-channel-label+.contact-channel-label{margin-top:16px}
.contact-channel-value{display:inline-block;color:var(--gold);font:600 1.02rem Poppins,sans-serif;word-break:break-word;transition:opacity .2s}
.contact-channel-value:hover{opacity:.75}
.contact-channel p{margin:8px 0 0;font-size:.84rem}
.contact-note{padding:22px 24px}
.contact-note h3{margin:0 0 8px;font-size:1rem}
.contact-note p{margin:0;font-size:.85rem}
.contact-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.contact-warning{border-left:2px solid var(--gold)}

.contact-form{padding:32px;display:flex;flex-direction:column;gap:16px}
.contact-form-intro{margin:-8px 0 0;font-size:.83rem;color:var(--muted)}
.contact-form .form-grid{gap:16px;margin:0}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form .btn{align-self:flex-start;margin-top:4px}
.contact-privacy{margin:0;font-size:.76rem;color:var(--muted)}
.contact-privacy a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
/* Bot trap: kept out of view and out of the tab order, never display:none so
   that scripted submissions still see it. */
.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-disclaimer{margin-top:26px}

/* --- Security --- */
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.security-grid-two{grid-template-columns:repeat(2,1fr)}
.security-card{position:relative;padding:30px;transition:transform .25s,border-color .25s}
.security-card:hover{transform:translateY(-4px);border-color:var(--border)}
.security-card-index{position:absolute;top:22px;right:24px;color:var(--gold);font:600 .78rem Poppins,sans-serif;opacity:.55}
.security-card h3{margin:0 0 10px;font-size:1.05rem;padding-right:34px}
.security-card p{margin:0;font-size:.87rem}
.security-card b{color:#fff}

.security-never-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:44px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(140deg,rgba(255,255,255,.04),transparent)}
.security-never-inner h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.4rem)}
.security-never-inner p{margin:0;font-size:.9rem}
.security-never-inner a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.security-never-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.security-never-list li{position:relative;padding:13px 16px 13px 44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.28);font-size:.86rem;color:#d3d3d5}
.security-never-list li:before{content:"✕";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--danger);font-weight:700;font-size:.8rem}

.security-report-card{padding:44px;text-align:center;max-width:900px;margin:0 auto}
.security-report-card h2{margin:6px 0 14px}
.security-report-card p{max-width:660px;margin:0 auto 14px}
/* Scoped to prose links so the buttons keep their own contrasting label colour. */
.security-report-card p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.security-report-note{font-size:.83rem;color:var(--muted)}
.security-report-card .button-row{justify-content:center;margin-top:24px}

@media(prefers-reduced-motion:no-preference){
.contact-channel,.contact-note,.security-card{opacity:0;animation:pagesRise .55s cubic-bezier(.22,.68,.35,1) forwards}
.contact-channel:nth-child(2),.security-card:nth-child(2){animation-delay:.06s}
.contact-channel:nth-child(3),.security-card:nth-child(3){animation-delay:.12s}
.security-card:nth-child(4){animation-delay:.18s}
.security-card:nth-child(5){animation-delay:.24s}
.security-card:nth-child(6){animation-delay:.3s}
}
@keyframes pagesRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:980px){
.contact-layout{grid-template-columns:1fr}
.security-grid{grid-template-columns:repeat(2,1fr)}
.security-never-inner{grid-template-columns:1fr;gap:26px;padding:32px}
}
@media(max-width:640px){
.security-grid,.security-grid-two{grid-template-columns:1fr}
.contact-form{padding:22px}
.contact-form .form-grid{grid-template-columns:1fr}
.security-card,.contact-channel,.contact-note{padding:22px}
.security-report-card{padding:28px}
.security-report-card .button-row{flex-direction:column;align-items:stretch}
}