:root{--bg:#07131f;--bg-2:#0b1a2b;--panel:#0c1a2ab8;--panel-strong:#08121ee0;--line:#ffffff14;--text:#eaf4ff;--muted:#9fb6cb;--blue:#4aa8ff;--cyan:#7ce7ff;--gold:#ffd166;--danger:#ff6b6b;--shadow:0 20px 60px #00000059;--radius:24px;--radius-sm:16px;--max-width:1240px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#4aa8ff29,#0000 24%),radial-gradient(circle at 100% 0,#7ce7ff1a,#0000 20%),linear-gradient(#05101a 0%,#07131f 35%,#091b2e 100%);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.siteShell{width:100%;min-height:100vh;padding:24px}.siteHeader,.siteMain,.siteFooter{width:100%;max-width:var(--max-width);margin:0 auto}.siteHeader{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#091421b8;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;display:flex}.siteBrand{align-items:center;gap:14px;display:flex}.brandIcon{background:0 0;border-radius:16px;place-items:center;width:36px;height:36px;display:grid}.brandTitle{margin:0;font-size:1rem;font-weight:800}.brandSubtitle{color:var(--muted);margin:4px 0 0;font-size:.9rem}.siteBadge{color:#d6ecff;border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.siteMain{padding-bottom:24px}.siteFooter{text-align:center;color:var(--muted);margin-top:28px;padding:18px 10px 4px;font-size:.9rem}.roleCard{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:24px;gap:16px;padding:20px;display:flex}.roleIcon{background:linear-gradient(135deg,#ffd16629,#4aa8ff24);border:1px solid #ffffff14;border-radius:18px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.roleContent{width:100%}.roleTop{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.roleTop h4{margin:0;font-size:1.1rem}.roleContent p{color:var(--muted);margin:10px 0 14px;line-height:1.6}.questionBadge{border:1px solid var(--line);color:#d9ebff;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.85rem;display:inline-flex}.roleLink{background:linear-gradient(135deg,var(--blue),#72c5ff);color:#03111b;border-radius:14px;align-items:center;gap:8px;padding:11px 14px;font-weight:700;display:inline-flex}input,textarea{width:100%;color:var(--text);background:#050d16c7;border:1px solid #ffffff17;border-radius:16px;outline:none;padding:14px 15px}input:focus,textarea:focus{border-color:#7ce7ff73;box-shadow:0 0 0 4px #7ce7ff14}button{cursor:pointer;border:none}@media (max-width:900px){.siteHeader{flex-direction:column;align-items:flex-start}.siteShell{padding:16px}}.siteHeader{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logoutButton{cursor:pointer;color:#1a1a1a;background:linear-gradient(135deg,#ff6b6b,#ff9f9f);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.logoutButton:hover{opacity:.9}.headerActions{align-items:center;gap:12px;display:flex}.headerActionButton{cursor:pointer;font-weight:700;font:inherit;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.headerActionButton.secondary{color:var(--text);background:#ffffff0f;border:1px solid #ffffff14}.headerActionButton.danger{color:#1a1a1a;background:linear-gradient(135deg,#ff6b6b,#ff9f9f)}.headerActionButton:hover{opacity:.92}.submitApplicationButton{color:#03111b;cursor:pointer;background:linear-gradient(135deg,#4aa8ff,#7ce7ff);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:14px 18px;font-weight:800;display:inline-flex}.submitApplicationButton:disabled{opacity:.7;cursor:not-allowed}.spinIcon{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}