:root { --navy:#002855; --blue:#00539b; --gold:#f2b134; --light:#f4f7fa; --text:#243447; --danger:#a82424; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--text); background:var(--light); }
header { background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; padding:30px 20px; text-align:center; border-bottom:6px solid var(--gold); }
header h1 { margin:0 0 7px; font-size:clamp(1.45rem,4vw,2.2rem); }
header p { margin:0; opacity:.9; }
main { width:min(900px,calc(100% - 30px)); margin:32px auto; }
.card { background:#fff; padding:28px; border-radius:10px; box-shadow:0 5px 20px rgba(0,40,85,.12); margin-bottom:22px; }
h2 { color:var(--navy); margin-top:0; }
label { display:block; font-weight:bold; margin:17px 0 7px; }
input[type=text],input[type=password],input[type=file],textarea { width:100%; padding:12px; border:1px solid #aebbc7; border-radius:5px; background:#fff; font:inherit; font-size:1rem; }
input[type=file] { padding:10px; }
button,.button { display:inline-block; margin-top:18px; padding:12px 20px; border:0; border-radius:5px; background:var(--blue); color:#fff; font-weight:bold; font-size:1rem; cursor:pointer; text-decoration:none; }
button:hover,.button:hover { background:var(--navy); }
.secondary { background:#667788; }
.danger { background:var(--danger); }
.danger:hover { background:#741717; }
.message { padding:13px 15px; border-radius:5px; margin-bottom:18px; background:#e8f5ea; border-left:5px solid #27843b; }
.error { background:#fff0f0; border-color:var(--danger); color:#7c1717; }
.help { color:#5f6e7b; font-size:.92rem; }
.upload-instructions { margin:0 0 22px; padding:14px 16px; background:#edf4fa; border-left:5px solid var(--gold); line-height:1.55; }
.file-fields label span { color:#6b7884; font-size:.85rem; font-weight:normal; }
.inductee-welcome { margin-bottom:26px; padding:18px 20px; background:#edf4fa; border-left:5px solid var(--gold); line-height:1.6; }
.inductee-welcome p:first-child { margin-top:0; }
.inductee-welcome p:last-child { margin-bottom:0; }
.signature { font-weight:bold; color:var(--navy); }
textarea { resize:vertical; min-height:95px; }
table { width:100%; border-collapse:collapse; }
th,td { padding:12px 9px; border-bottom:1px solid #dce3e9; text-align:left; }
th { color:var(--navy); background:#edf2f7; }
.actions { display:flex; gap:8px; flex-wrap:wrap; }
.actions .button { margin:0; padding:8px 12px; font-size:.9rem; }
.actions form { margin:0; }
.actions button { margin:0; padding:8px 12px; font-size:.9rem; }
.topbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.topbar form { margin:0; }
.topbar button { margin:0; }
footer { text-align:center; color:#657482; padding:10px 20px 30px; font-size:.9rem; }
@media(max-width:650px){ .card{padding:20px} table,thead,tbody,tr,th,td{display:block} thead{display:none} tr{padding:10px 0;border-bottom:1px solid #ccd5dd} td{border:0;padding:5px 0} td:before{content:attr(data-label);font-weight:bold;margin-right:6px;color:var(--navy)} }
textarea {
    display: block;
    width: 100%;
    min-height: 120px;
    padding: 12px;
    border: 1px solid #aebbc7;
    border-radius: 5px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    box-sizing: border-box;
    resize: vertical;
}