/* Shared identity with cloud.proxycloud.store/login, adapted to content pages. */
:root {
  --bg:#0b0e1d; --card:#171c31; --line:#b59ae530;
  --text:#eef0ff; --muted:#aeb3cf; --accent:#b796f2;
  --surface:linear-gradient(145deg,#1b2039f5,#12172bf5);
  --primary:linear-gradient(110deg,#8c60d7,#a679e4);
}
html {background:var(--bg)}
body {position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;background:transparent}
.orbital-backdrop {position:fixed;inset:0;z-index:-1;pointer-events:none;background:#0b0e1d url('/static/login-atmosphere.svg') center/cover no-repeat}
.orbital-backdrop::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#8360c411,transparent 65%),linear-gradient(180deg,#080b1800,#080b1840)}
.site-header,main,.site-footer {width:100%;max-width:1200px;padding-left:40px;padding-right:40px}
.site-header {background:transparent;border:0;padding-top:25px;padding-bottom:25px;gap:22px}
.brand {display:flex;align-items:center;gap:11px;flex:none;font:700 13px Orbitron,sans-serif;letter-spacing:.025em}
.brand img {filter:drop-shadow(0 4px 12px #9d74ff22);flex:none}
.brand .brand-word {color:#f0eaff;text-shadow:none}
.brand b {color:#b79ae8;font-weight:700}
.site-header nav {gap:8px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav>a {padding:10px 12px;border-radius:9px;font-size:12px;color:var(--muted)}
.site-header nav>a:hover,.site-header nav>a[aria-current] {background:#a07bdb20;color:#efe5ff}
main {flex:1;padding-top:20px;padding-bottom:28px}
.site-footer {border-color:#b49bd422;color:#9499b7;padding-top:22px;padding-bottom:26px;margin-top:36px;gap:20px;line-height:1.7;font-size:11px}
.site-footer a {color:#bbb0d5}
.badge {border-color:#b99be72e;background:#14172c70;border-radius:10px;color:#c8bbdf;padding:8px 12px;font-size:11px;white-space:normal;line-height:1.5}
.eyebrow,.step b {color:#b99bdf}
.hero {gap:64px;padding:58px 0 62px}
.hero h1 {font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(38px,4.6vw,58px);line-height:1.1;letter-spacing:-.045em;margin:23px 0}
.hero h1 em {background:none;color:#b796eb;-webkit-text-fill-color:currentColor}
.lead {font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:28px}
.small {color:#a0a7c4;line-height:1.8;margin-top:16px}
.chips span {color:#aab0ce;border-color:var(--line)}
.card,.apply-form,.access-status,.admin-panel,.stat {background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 70px #0003,inset 0 1px 0 #ffffff08;border-radius:22px}
.journey {padding:34px;border-top:1px solid var(--line)}
.journey::before {content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#c5a5ef80,transparent)}
.journey h2 {font-weight:500;font-size:26px;margin-top:16px}
.step {border-color:#b59ae524;padding:23px 0 8px}
.step b {display:grid;place-items:center;align-self:flex-start;flex:none;width:32px;height:32px;border:1px solid #bd9feb30;border-radius:10px;background:#a984df12;padding:0;font-size:11px}
.step strong {font-weight:500}
.step p {color:#aab1cc;line-height:1.7}
.details {border-color:var(--line);gap:24px;padding-top:32px}
.details>div {padding:24px;border:1px solid #b59ae522;border-radius:18px;background:#14192ccc}
.details h3 {font-weight:500;line-height:1.5;margin:14px 0 10px}
.details p {color:#aab1cc;margin-bottom:0}
.button,button,.apply-submit button {min-height:46px;border:1px solid #c3a0f55e;border-radius:12px;background:var(--primary);color:#fff;box-shadow:0 7px 20px #9163d726;font-size:13px;padding:13px 18px;transition:background .15s,box-shadow .15s}
.hero>.button,.hero .button {min-height:52px}
.button:hover,button:hover,.apply-submit button:hover {filter:none;background:linear-gradient(110deg,#9970e1,#b186ee);box-shadow:0 10px 24px #9163d737}
.secondary,.quiet {background:#a07bdb0c;border-color:#b59ae538;box-shadow:none;color:#d8cce9}
.secondary:hover,.quiet:hover {background:#a07bdb20;box-shadow:none}
.quiet {min-height:38px;padding:8px 12px;font-size:11px}
.danger {background:#853c5030;border-color:#df8a9d55;color:#ffc5d5;box-shadow:none}
.danger:hover {background:#853c5055;box-shadow:none}
button:disabled,.button[aria-disabled=true] {opacity:.5;cursor:not-allowed}
input:not([type=checkbox]):not([type=hidden]),textarea,.apply-form input:not([type=checkbox]):not([type=hidden]),.apply-form textarea {background:#0e1327;border:1px solid #73729266;border-radius:10px;color:var(--text);font-size:14px}
input::placeholder,textarea::placeholder,.apply-form input::placeholder,.apply-form textarea::placeholder {color:#929abb;opacity:1}
:is(input,textarea,button,a,summary):focus-visible,.apply-form input:focus,.apply-form textarea:focus {outline:2px solid #b796f2;outline-offset:3px}
input[type=checkbox] {accent-color:#9d74de}
.flash {background:#a984df15;border-color:#b59ae54d;color:#e9defa;border-radius:12px}
.pagehead h1,.narrow h1 {font-weight:500;letter-spacing:-.04em}
.narrow {margin:24px auto;max-width:800px;padding:36px}
.narrow p,.prose {color:#b6bdd6}
.apply-page {padding-top:24px}
.apply-form {padding:32px}
.apply-intro h1 {font-weight:500}
.apply-intro h1>span,.admin-heading h1 span {color:#b796eb}
.apply-intro>p,.apply-steps p {color:#aab1cc}
.apply-steps li>span,.apply-form legend>span {background:#a984df12;border-color:#bd9feb30;color:#c3a4ec;border-radius:8px}
.apply-form-heading,.connected-account {border-color:var(--line)}
.apply-form-heading p,.apply-form label>small,.apply-submit p {color:#a3acc8;font-size:12px}
.apply-form label {font-size:13px}
.apply-consent {background:#a984df0a;border-color:#b59ae535;border-radius:12px;padding:18px}
.apply-consent label>span>span {font-size:12px;color:#b0b7ce}
.apply-consent strong {color:#ddd0ef;font-size:13px}
.apply-submit button {min-height:52px}
.access-status {padding:36px}
.admin-heading h1 {font-weight:500}
.admin-panel {border-radius:18px}
.stat {border-radius:16px}
.stat-focus {background:linear-gradient(135deg,#2d2444,#1b2039);border-color:#b59ae55c}
.admin-tabs,.candidate,.candidate-body,.candidate-actions,.list-footer,.discord-profile {border-color:#b59ae527}
.admin-tabs a[aria-current] {border-bottom-color:#b796eb}
.list-heading,.candidate-body {background:#0f1427d9}
.candidate>summary:hover,.candidate[open]>summary {background:#a984df0d}
.answer-block {background:#1b203980;border-color:#b59ae527;border-radius:10px}
.status-filters a[aria-current] {background:#a07bdb20;border-color:#b59ae545;color:#e5d6fa}
.admin-label,.resource-compose,.resource-item {border-color:#b59ae535;border-radius:10px}
.stat small,.candidate small,.field-label,.list-footer,.action-help {color:#a0a9c6}
.skip-content {position:fixed;top:8px;left:16px;transform:translateY(-160%);z-index:10;background:#201b36;padding:14px;border-radius:10px}
.skip-content:focus {transform:translateY(0)}
@media(max-width:900px) {.hero{gap:32px}.details{gap:14px}.details>div{padding:20px}.apply-form{padding:26px}}
@media(max-width:760px) {
  .site-header,main,.site-footer{padding-left:22px;padding-right:22px}
  .site-header{padding-top:20px;padding-bottom:18px;gap:20px}
  .site-header nav{justify-content:flex-start}
  .hero{padding:30px 0 36px;gap:32px}
  .hero h1{font-size:42px}.lead{font-size:15px}
  .journey,.narrow,.access-status{padding:26px;border-radius:21px}
  .details{padding-top:25px;gap:14px}.details>div{padding:22px}
  .site-footer{margin-top:20px}
}
@media(max-width:540px) {
  .site-header,main,.site-footer{padding-left:20px;padding-right:20px}
  .brand{font-size:11px;gap:9px}.brand img{width:30px;height:30px}
  .site-header nav{gap:4px;width:100%}.site-header nav>a{font-size:11px;padding:10px 9px}
  .site-header nav form{margin-left:auto}.site-header .badge{font-size:10px}
  .hero h1{font-size:38px}.hero .button{width:100%}.hero .small{font-size:12px}
  .journey{padding:25px}.journey h2{font-size:24px}
  .apply-form{padding:24px 19px;border-radius:21px}
  .apply-form input:not([type=checkbox]):not([type=hidden]),.apply-form textarea,input:not([type=checkbox]):not([type=hidden]),textarea{font-size:16px}
  .apply-consent{padding:14px}.apply-submit p{font-size:11px}
  .apply-intro h1{font-size:34px}.apply-form-heading h2{font-size:24px}
  .admin-stats{gap:8px}.stat{border-radius:12px;padding:14px 10px}
  .admin-panel{border-radius:16px}.candidate-actions button{min-width:0}
  .narrow h1{font-size:30px}.narrow{padding:25px}
  .site-footer{font-size:10px}
}
@media(prefers-reduced-motion:reduce) {.button,button{transition:none}}