.roles-shell{padding:70px 0 100px}.roles-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.roles-hero h1{font:clamp(54px,8vw,94px)/.88 var(--serif);letter-spacing:-.05em;color:var(--plum);margin:8px 0 14px}.roles-hero h1 em{font-family:var(--script);font-weight:400;color:var(--pink)}.roles-hero p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.6}.owner-note{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,#25101d,#6a2948);color:#fff;border-radius:24px;padding:24px 26px;margin-bottom:22px}.owner-note strong{font:30px/1 var(--serif)}.owner-note p{margin:6px 0 0;color:#f2d9e5}.owner-note .btn{grid-row:1/3;grid-column:2}.role-status{padding:26px;margin-bottom:34px;display:grid;grid-template-columns:260px 1fr;gap:24px}.role-status h2,.section-head h2{font:38px/1 var(--serif);color:var(--plum);margin:6px 0}.status-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-chip{border:1px solid var(--border);background:#fff7fb;border-radius:999px;padding:9px 11px;font-size:10px;font-weight:900;color:#74445a}.status-chip.active{background:#4d1b35;color:#fff;border-color:#4d1b35}.status-chip.pending{background:#fff1c9;color:#6a4c1c}.status-chip.rejected{background:#fff1f1;color:#8b3540}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.section-head>p{max-width:500px;color:var(--muted);font-size:12px;line-height:1.6}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#fff,#fff8fc);padding:24px;box-shadow:0 14px 34px rgba(94,34,63,.05)}.role-card:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-60px;background:rgba(239,47,136,.07)}.role-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.role-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--pink),var(--wine));display:grid;place-items:center;font-size:24px;color:#fff}.role-group{font-size:8px;font-weight:900;letter-spacing:.12em;color:#9d7185;text-transform:uppercase}.role-card h3{font:30px/1 var(--serif);color:var(--plum);margin:12px 0 6px}.role-card p{font-size:12px;color:var(--muted);line-height:1.55}.role-perks{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.role-perks span{font-size:8px;font-weight:900;border:1px solid var(--border);background:#fff6fa;border-radius:999px;padding:6px 8px;color:#79435d}.role-card .btn{position:relative;z-index:1}.apply-dialog{border:0;padding:0;background:transparent;width:min(680px,calc(100vw - 28px))}.apply-dialog::backdrop{background:rgba(38,12,28,.58);backdrop-filter:blur(6px)}.apply-card{position:relative;background:#fff;border-radius:26px;padding:30px;box-shadow:0 30px 90px rgba(35,7,21,.3)}.dialog-x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;color:#91636b;cursor:pointer}.apply-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--wine));color:#fff;font-size:24px;margin-bottom:14px}.apply-card h2{font:42px/1 var(--serif);color:var(--plum);margin:6px 0}.apply-card>p{color:var(--muted);font-size:12px;line-height:1.6}.apply-card label{display:grid;gap:7px;margin-top:14px}.apply-card label>span{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#80536a}.apply-card textarea,.apply-card input{width:100%;border:1px solid var(--border);border-radius:14px;background:#fffafd;padding:12px 13px;outline:none}.apply-card textarea{min-height:110px;resize:vertical}.apply-card textarea:focus,.apply-card input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(239,47,136,.1)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.apply-msg{min-height:18px;color:var(--pink)!important;font-weight:800}.muted{color:var(--muted)}@media(max-width:800px){.roles-hero,.section-head{display:block}.roles-hero .btn{margin-top:12px}.role-status{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.owner-note{grid-template-columns:1fr}.owner-note .btn{grid-row:auto;grid-column:auto}}@media(max-width:560px){.roles-shell{padding:38px 0 70px}.roles-hero h1{font-size:56px}.apply-card{padding:22px}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .btn{width:100%}}