.supporter-page .hero-content h1{font-size:clamp(38px,4.3vw,62px)}
.supporter-page .hero-description{max-width:420px}.supporter-page .hero-art{object-position:65% 35%}
#supporter-form{padding:30px;background:linear-gradient(125deg,#0c1b32aa,#070f22);border:1px solid #284159}
.field textarea{width:100%;min-width:0;resize:vertical;border:1px solid #355067;border-radius:3px;background:#040c1c;color:#edf5ff;padding:12px 13px;font:500 18px/1.5 Rajdhani,system-ui,sans-serif}
.field textarea::placeholder{color:#8293ab;opacity:1}.field textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.privacy-note,.message-preview{margin:24px 0;color:var(--muted);font-size:16px}.privacy-note summary,.message-preview summary{cursor:pointer;color:#d8efff}.privacy-note p{margin-top:12px}
#supporter-error:not(:empty){border-left:3px solid #f197a7;padding:14px;background:#392333;color:#ffccd5}
.message-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:500 17px/1.6 Rajdhani,system-ui,sans-serif;background:#050e20;padding:15px;border:1px solid #29455d}
.supporter-page .success-panel{overflow-wrap:anywhere}.supporter-page .form-column>.meeting-note{margin-top:0}
.supporter-page summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:820px){.supporter-page .hero-content h1{font-size:49px}.supporter-page .hero-art{object-position:73% top}}
@media(max-width:560px){#supporter-form{padding:23px 19px}.supporter-page .hero-content h1{font-size:clamp(32px,9.3vw,49px)}.supporter-page .hero-art{object-position:76% top}.supporter-page .form-actions .button{gap:8px;font-size:11px;white-space:normal}.supporter-page .form-layout .team-card h2{font-size:25px}}