.home-content { padding: 90px 0; background: linear-gradient(rgba(15,9,7,.94), rgba(15,9,7,.94)), url("../../assets/images/backgrounds/background-page.png") center/cover fixed; }
.section-heading { max-width: 700px; margin: 0 auto 45px; text-align: center; }
.section-heading span, .register-section__copy span, .action-band span { color: #e3ad45; text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; }
.section-heading h2, .action-band h2, .register-section h2 { margin-top: 8px; color: #f6dfa2; font-size: clamp(2rem, 4vw, 3.2rem); }
.section-heading p { margin-top: 12px; color: #cdbd9d; line-height: 1.7; }
.portal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.portal-card { position: relative; min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 38px 28px; text-align: center; border: 1px solid #8f5d22; background: radial-gradient(circle at top, rgba(111,48,19,.75), rgba(24,13,10,.96) 65%); box-shadow: inset 0 0 0 4px rgba(211,153,53,.08), 0 20px 40px rgba(0,0,0,.35); }
.portal-card::before, .portal-card::after { content: "◆"; position: absolute; color: #d89a32; }
.portal-card::before { top: 10px; } .portal-card::after { bottom: 10px; }
.portal-card__icon { width: 92px; height: 92px; object-fit: contain; margin-bottom: 18px; }
.portal-card h3 { color: #f4d78c; font-size: 1.45rem; }
.portal-card p { margin: 13px 0 20px; color: #c9b995; line-height: 1.6; }
.portal-card a { color: #f1b94f; text-transform: uppercase; font-size: .82rem; font-weight: 700; }
.status-dot { display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 50%; background: #54d07c; box-shadow: 0 0 10px #54d07c; }
.action-band, .register-section { margin-top: 55px; padding: 42px; border: 1px solid rgba(217,159,63,.55); background: rgba(25,13,10,.9); box-shadow: 0 20px 45px rgba(0,0,0,.35); }
.action-band { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.action-band p, .register-section p { margin-top: 10px; color: #c9b995; line-height: 1.6; }
.register-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: center; }
.register-form { display: grid; gap: 12px; }
.register-form input { width: 100%; padding: 14px; color: #fff0ce; background: #1d110d; border: 1px solid #85551f; outline: none; }
@media (max-width: 800px) { .portal-grid { grid-template-columns: 1fr; } .action-band, .register-section { display: grid; grid-template-columns: 1fr; padding: 28px; } }
