:root{color:#ecf1f7;background:#0a0f1f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{background:#0a0f1f}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(78,110,240,.28),transparent 32%),linear-gradient(180deg,#0a0f1f,#11172a)}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{max-width:1180px;margin:0 auto;padding:48px 20px 80px}.panel{background:rgba(14,20,37,.82);border:1px solid rgba(126,152,217,.18);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:28px}.hero__eyebrow,.panel__eyebrow,.role-card__eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 10px;font-size:13px;color:#b7c9ff;background:rgba(92,124,250,.16)}.hero h1,.panel h2,.panel h3,.role-card h3{margin:0}.hero p,.panel li,.panel p,.role-card p,label{color:#c5cede}.hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip,.hero__meta span{border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.06);font-size:13px}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.role-card{border:1px solid rgba(126,152,217,.18);border-radius:22px;background:rgba(14,20,37,.82);color:inherit;padding:20px;text-align:left;display:grid;grid-gap:12px;gap:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.role-card--selected,.role-card:hover{transform:translateY(-2px);border-color:rgba(115,159,255,.65);box-shadow:0 14px 32px rgba(49,81,176,.18)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip--muted{background:rgba(115,159,255,.12)}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:20px;gap:20px}.detail-panel,.form-panel{padding:24px}.detail-panel{display:grid;grid-gap:20px;gap:20px}.detail-panel__strapline{font-size:18px;color:#f3f6fb}.detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.detail-columns ul{padding-left:18px;margin:12px 0 0}.form-panel,.form-panel form,form{display:grid;grid-gap:14px;gap:14px}.panel__header,label{display:grid;grid-gap:8px;gap:8px}label{font-size:14px}input,select,textarea{width:100%;border:1px solid #2f3b5d;border-radius:14px;background:rgba(9,14,28,.72);color:#f0f4fa;padding:12px 14px}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}form button{border:none;border-radius:14px;background:linear-gradient(135deg,#5b7cfa,#8a5ff8);color:white;padding:14px 18px;font-weight:600}.status{margin:0;font-size:14px}.status--success{color:#82e4a7}.status--error{color:#ffabab}@media (max-width:1024px){.detail-columns,.detail-layout,.form-grid,.role-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.detail-columns,.detail-layout,.form-grid,.role-grid{grid-template-columns:1fr}.page{padding:24px 16px 56px}.detail-panel,.form-panel,.hero{padding:20px}}