:root{--navy:#060E1C;--navy2:#0C1A2E;--gold:#C9A84C;--text:#D0C8B0;--white:#F5F0E8;--rule:#1d3050;--student:#3FA7D6;--employer:#C9A84C;--employee:#4CAF7D;--ok:#2EA043;--bad:#C0392B;--f1:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--navy);color:var(--text);font-family:var(--f1);line-height:1.6}.wrap{max-width:760px;margin:0 auto;padding:20px}.connect{max-width:440px;margin:8vh auto;background:var(--navy2);border:1px solid var(--rule);border-radius:14px;padding:30px}.connect h1{color:var(--gold);font-size:1.4rem}.connect .gods{color:var(--gold);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase}.connect input{width:100%;margin:8px 0;background:var(--navy);border:1px solid var(--rule);color:var(--white);padding:10px;border-radius:7px}.status{font-size:.78rem;padding:6px 0}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.role{background:var(--navy2);border:1px solid var(--rule);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:.15s}.role:hover{border-color:var(--gold);transform:translateY(-2px)}.role.student{border-top:3px solid var(--student)}.role.employer{border-top:3px solid var(--employer)}.role.employee{border-top:3px solid var(--employee)}.role h3{color:var(--white);font-size:1rem;margin-bottom:4px}.role p{font-size:.72rem}.hdr{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--rule);padding-bottom:14px;margin-bottom:20px}.hdr h2{color:var(--white)}.hdr .gods{color:var(--gold);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase}.card{background:var(--navy2);border:1px solid var(--rule);border-radius:12px;padding:18px;margin-bottom:16px}.card h3{color:var(--gold);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.metric{font-size:1.7rem;color:var(--white);font-weight:600}input,select,textarea{background:var(--navy);border:1px solid var(--rule);color:var(--white);padding:9px;border-radius:6px;font-size:.85rem;width:100%;margin-bottom:10px}.btn{background:var(--gold);color:var(--navy);border:none;padding:10px 18px;border-radius:7px;font-weight:600;cursor:pointer;font-size:.84rem}.btn:hover{filter:brightness(1.08)}.btn.sm{padding:6px 12px;font-size:.76rem}.btn.link{background:transparent;color:var(--gold);text-decoration:underline;padding:0}table{width:100%;border-collapse:collapse;font-size:.8rem}th{text-align:left;color:var(--gold);border-bottom:1px solid var(--rule);padding:7px;font-size:.64rem;text-transform:uppercase}td{padding:7px;border-bottom:1px solid rgba(29,48,80,.5)}.tag{font-size:.66rem;padding:2px 8px;border-radius:4px;background:#3fa7d626;color:var(--student)}.tag.PLACED,.tag.COMPLETED,.tag.OFFERED{background:#2ea04326;color:var(--ok)}.tag.SUBMITTED,.tag.OPEN,.tag.ENROLLED{background:#c9a84c26;color:var(--gold)}.err{color:var(--bad);font-size:.78rem;margin:6px 0}.ok{color:var(--ok);font-size:.78rem;margin:6px 0}.foot{text-align:center;color:var(--rule);font-size:.64rem;margin-top:24px;letter-spacing:.08em}.back{color:var(--text);font-size:.78rem;cursor:pointer}