:root{--hp-green:#10b981;--hp-dark:#047857;--hp-ink:#1f2937;--hp-muted:#6b7280;--hp-line:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;color:var(--hp-ink);background:#f8faf9}.participate-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}.participate-hero{padding:42px;border:1px solid #d1fae5;border-radius:24px;background:linear-gradient(135deg,#fff,#ecfdf5);box-shadow:0 12px 35px rgba(16,185,129,.08)}.eyebrow{display:inline-block;color:var(--hp-dark);font-weight:600}.participate-hero h1{font-size:clamp(2rem,5vw,3.3rem);margin:11px 0;line-height:1.1}.participate-hero p{margin:0;color:var(--hp-muted)}.participate-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.participate-option{min-height:150px;text-align:left;padding:19px;border:1px solid var(--hp-line);border-radius:18px;background:#fff;cursor:pointer;font:inherit;color:var(--hp-ink);display:flex;gap:13px;align-items:flex-start;transition:.2s;position:relative}.participate-option:hover,.participate-option.active{border-color:var(--hp-green);box-shadow:0 9px 25px rgba(16,185,129,.14);transform:translateY(-2px)}.participate-option>i{font-size:25px;color:var(--hp-green);margin-top:3px}.participate-option strong,.participate-option small{display:block}.participate-option strong{font-size:14px}.participate-option small{font-size:11px;color:var(--hp-muted);line-height:1.45;margin-top:5px}.participate-option em{position:absolute;right:12px;bottom:11px;font-size:10px;font-style:normal;color:#6b7280}.participate-option.colonies{opacity:.64;cursor:not-allowed}.participate-form-card{overflow:hidden;border:1px solid var(--hp-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.07)}.form-context{padding:20px 25px;border-bottom:1px solid var(--hp-line);font-size:14px;color:var(--hp-muted)}.form-context strong{color:var(--hp-dark)}#participateFrame{display:block;width:100%;height:620px;border:0;background:#fff;transition:height .2s}.restricted-notice{display:flex;gap:15px;margin:30px;padding:22px;border:1px solid #fde68a;border-radius:15px;background:#fffbeb;color:#92400e}.restricted-notice i{font-size:25px}.restricted-notice p{margin:5px 0 0;font-size:13px}@media(max-width:900px){.participate-picker{grid-template-columns:1fr 1fr}}@media(max-width:560px){.participate-page{width:min(100% - 20px,1180px);padding-top:18px}.participate-hero{padding:25px;border-radius:18px}.participate-picker{grid-template-columns:1fr;gap:10px}.participate-option{min-height:102px}.form-context{padding:16px}#participateFrame{height:620px}}