:root{color-scheme:light;--ink:#33261f;--muted:#74675e;--paper:#fffaf2;--line:rgba(112,76,48,.13);--purple:#7546d9;--pink:#df5f9d;--orange:#ef9a55;--green:#4f9c78;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 20%,rgba(255,205,226,.42),transparent 30rem),radial-gradient(circle at 85% 18%,rgba(198,231,215,.48),transparent 28rem),radial-gradient(circle at 55% 90%,rgba(255,220,175,.36),transparent 32rem),var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.sky span{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(55px);opacity:.17}.sky span:nth-child(1){background:#ff9cc8;left:-12rem;top:35%}.sky span:nth-child(2){background:#9fdcc0;right:-12rem;top:8%}.sky span:nth-child(3){background:#b99cff;left:42%;bottom:-20rem}.topbar{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:1.28rem;font-weight:850;letter-spacing:-.03em}.brand small{font-size:.76em;font-weight:650;color:var(--muted);margin-left:-5px}.rainbow-mark{font-size:1.35rem;filter:drop-shadow(0 4px 8px rgba(220,90,150,.18))}.top-actions{display:flex;align-items:center;gap:10px}.text-link{font-weight:700;text-decoration:none;padding:9px 7px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pill:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(80,55,35,.12)}.pill-small{min-height:40px;padding:9px 15px;background:rgba(255,255,255,.7);font-size:.92rem}.pill-primary{background:linear-gradient(135deg,var(--purple),#a84ea6);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(117,70,217,.22)}.pill-light{background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}.door{position:relative;width:min(var(--max),calc(100% - 32px));min-height:calc(100vh - 138px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:30px;padding:55px 0 75px}.door-copy{position:relative;z-index:2;max-width:700px}.kicker{margin:0 0 16px;color:var(--purple);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.spark{display:inline-block;margin-right:7px;color:var(--orange)}h1{margin:0;max-width:760px;font-size:clamp(3rem,8vw,6.7rem);line-height:.94;letter-spacing:-.065em;font-weight:850}.lead{margin:25px 0 0;max-width:680px;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35;font-weight:520}.body-copy{max-width:610px;margin:18px 0 0;color:var(--muted);font-size:1.05rem}.auth-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.quiet{max-width:600px;margin:17px 0 0;color:var(--muted);font-size:.88rem}.door-art{position:relative;min-height:430px;display:grid;place-items:center}.glow{position:absolute;width:460px;height:460px;border-radius:50%;background:conic-gradient(from 20deg,#f7b0ca,#f5d18c,#9fd8bf,#a9a0e9,#f7b0ca);filter:blur(45px);opacity:.22;right:4%;top:50%;transform:translateY(-50%);animation:breathe 7s ease-in-out infinite}.portal{position:relative;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#fff 0 5%,rgba(255,255,255,.85) 7%,rgba(255,255,255,.18) 36%,transparent 62%),conic-gradient(#e79abf,#f0b86d,#94cda9,#a999dc,#e79abf);box-shadow:0 0 0 14px rgba(255,255,255,.45),0 30px 80px rgba(91,58,126,.18);animation:float 6s ease-in-out infinite}.portal-ring{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:inset 0 0 30px rgba(255,255,255,.5)}.portal-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(67,51,39,.13);font-size:2.4rem}.orbit{position:absolute;border:1px solid rgba(117,70,217,.2);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:340px;height:150px}.orbit-two{width:380px;height:210px;transform:rotate(38deg)}.star{position:absolute;color:#9b68df;font-size:1.8rem;animation:twinkle 3s ease-in-out infinite}.star-a{top:19%;right:18%}.star-b{bottom:24%;left:16%;font-size:3rem;color:#ef9a55}.star-c{top:31%;left:12%;color:#63a887;animation-delay:1s}.account-destination{width:min(850px,calc(100% - 32px));margin:0 auto 50px;display:grid;gap:14px}.account-card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.64);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(86,54,29,.06)}.card-icon{font-size:1.55rem}.account-card h2{margin:0 0 3px;font-size:1.05rem}.account-card p{margin:0;color:var(--muted);font-size:.92rem}footer{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:0 0 28px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes breathe{50%{transform:translateY(-50%) scale(1.07);opacity:.28}}@keyframes twinkle{50%{opacity:.35;transform:scale(.8)}}@media(max-width:760px){.topbar{min-height:70px}.pill-small{display:none}.door{grid-template-columns:1fr;min-height:auto;padding:48px 0 35px}.door-art{min-height:270px;order:-1}.portal{width:170px;height:170px}.portal-core{width:68px;height:68px;font-size:1.8rem}.orbit-one{width:255px;height:110px}.orbit-two{width:285px;height:150px}.glow{width:300px;height:300px}.star-a{right:12%}.star-b{left:8%}.star-c{left:8%}h1{font-size:clamp(3.15rem,16vw,5rem)}.auth-actions{display:grid}.pill{width:100%}.account-destination{margin-bottom:35px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:focus-visible{outline:3px solid #7b3ff2;outline-offset:4px}
/* Phase 10: accessible keyboard navigation and resilient display modes. */
.skip-link{position:fixed;left:12px;top:12px;z-index:1000;transform:translateY(-180%);padding:12px 16px;border:2px solid currentColor;border-radius:12px;background:#fff;color:#33261f;font-weight:800;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.skip-link:focus{transform:translateY(0)}
.text-link,.pill-small{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(forced-colors:active){.pill,.brand,.text-link,.skip-link{border:1px solid ButtonText}.pill-primary{forced-color-adjust:auto}:focus-visible{outline:2px solid Highlight}}
@media(prefers-reduced-transparency:reduce){.pill-light,.account-card{backdrop-filter:none;background:Canvas;color:CanvasText}}


/* Rainbow network landing refresh: warm cream, living greens, and clear paths. */
:root{--ink:#174c3a;--muted:#5e7466;--paper:#fff9ed;--line:rgba(38,91,64,.16);--purple:#8a52bd;--pink:#e96891;--orange:#e8a44d;--green:#258456;--max:1120px}
body{background:radial-gradient(circle at 12% 22%,rgba(255,205,225,.42),transparent 28rem),radial-gradient(circle at 88% 15%,rgba(179,226,187,.5),transparent 30rem),radial-gradient(circle at 50% 90%,rgba(255,220,166,.32),transparent 34rem),var(--paper);color:var(--ink)}
.brand{color:#15553c}.pill-primary{background:linear-gradient(120deg,#218657,#146b4c);box-shadow:0 10px 26px rgba(27,119,77,.2)}
.kicker{color:#9b4f98}.door{padding-bottom:42px}.door-copy{max-width:690px}.lead{font-weight:650;color:#27583f}.door-art .portal{background:conic-gradient(#ed6d92,#f0bd5c,#80c88d,#64b9bc,#9a83d0,#ed6d92);box-shadow:0 0 0 14px rgba(255,255,255,.6),0 30px 80px rgba(47,102,66,.17)}
.discover{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:10px 0 64px}
.section-heading{text-align:center;max-width:690px;margin:0 auto 25px}.section-heading .kicker,.explore-heading .kicker{margin-bottom:6px}.section-heading h2,.explore-heading h2{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.045em}.section-heading>p:last-child{margin:12px 0 0;color:var(--muted);font-weight:750;letter-spacing:.04em}
.pathway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pathway{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:21px 18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 12px 30px rgba(40,83,53,.06);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.pathway:hover,.explore-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(40,83,53,.12)}
.pathway-icon{font-size:2rem;line-height:1.2}.pathway-title{font-weight:850;letter-spacing:.015em}.pathway>span:last-child{font-size:.88rem;color:var(--muted);line-height:1.4}.have{border-top:4px solid #62a86e}.need{border-top:4px solid #e9a65c}.creating{border-top:4px solid #ad7aca}.help{border-top:4px solid #62aeb2}
.explore-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:54px 0 18px}.explore-heading>p{max-width:280px;margin:0;color:var(--muted);font-size:.92rem}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.explore-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:155px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.78);text-decoration:none;box-shadow:0 10px 25px rgba(40,83,53,.05);transition:transform .2s ease,box-shadow .2s ease}
.explore-card>span:first-child{font-size:1.8rem}.explore-card strong{font-size:1.02rem}.explore-card small{color:var(--muted);font-size:.88rem;line-height:1.4}.explore-arrow{position:absolute;right:17px;top:17px;color:#258456;font-size:1.15rem}
.closing-note{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px 22px;border:1px solid rgba(66,133,87,.18);border-radius:24px;background:linear-gradient(110deg,rgba(255,255,255,.88),rgba(222,244,218,.7),rgba(255,235,212,.68))}
.closing-note>span{font-size:2.2rem}.closing-note p{flex:1;margin:0;color:var(--muted);font-size:.92rem}.closing-note p strong{color:var(--ink)}.closing-note .pill{width:auto;white-space:nowrap}
@media(max-width:760px){.door{padding-top:30px}.door-art{min-height:230px}.discover{padding-bottom:36px}.pathway-grid,.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pathway{padding:17px 14px;border-radius:18px}.pathway>span:last-child{font-size:.82rem}.explore-heading{display:block;margin:38px 0 16px}.explore-heading>p{margin-top:10px}.explore-card{min-height:145px;padding:16px;border-radius:18px}.closing-note{align-items:flex-start;flex-wrap:wrap;padding:17px}.closing-note p{min-width:calc(100% - 60px)}.closing-note .pill{width:100%}}
@media(max-width:380px){.pathway-grid,.explore-grid{grid-template-columns:1fr}.pathway{display:grid;grid-template-columns:42px 1fr;align-items:center}.pathway-icon{grid-row:span 2}.pathway>span:last-child{grid-column:2}.topbar{gap:8px}.brand{font-size:1.1rem}.header-signin{padding:9px 12px}}


/* GaiasBus artwork-direction refresh — visual implementation layer.
   Keep this CSS-only so existing routes and form behavior are not replaced. */
:root {
  --ink: #174c3a;
  --muted: #5e7466;
  --paper: #fff9ed;
  --green: #218653;
}
body {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255,224,167,.48), transparent 35rem),
    radial-gradient(ellipse at 8% 35%, rgba(255,177,207,.32), transparent 29rem),
    radial-gradient(ellipse at 93% 30%, rgba(157,211,235,.35), transparent 31rem),
    linear-gradient(180deg,#fffaf0 0%,#fff8ec 62%,#f5f7e8 100%);
}
.topbar {
  width: min(1280px,calc(100% - 40px));
  min-height: 82px;
}
.brand { font-size: clamp(1.2rem,2vw,1.75rem); }
.rainbow-mark { font-size: 1.6rem; }
.pill-primary {
  background: linear-gradient(105deg,#e94c91 0%,#f5a34b 25%,#f1d65d 43%,#4cae70 62%,#27a7b8 80%,#6b60cf 100%);
  color: #fff;
  border: 1px solid rgba(255,255,255,.65);
  text-shadow: 0 1px 2px rgba(25,50,38,.3);
  box-shadow: 0 9px 24px rgba(80,91,63,.18);
}
.door {
  width: min(1280px,calc(100% - 40px));
  min-height: min(690px,calc(100vh - 100px));
  padding: 48px 34px;
  border-radius: 30px;
  overflow: hidden;
  background:
    linear-gradient(90deg,rgba(255,250,239,.97) 0%,rgba(255,250,239,.9) 39%,rgba(255,250,239,.15) 70%,rgba(255,250,239,.04) 100%),
    radial-gradient(ellipse at 76% 90%,rgba(74,153,85,.58),transparent 35%),
    radial-gradient(ellipse at 72% 65%,rgba(255,186,104,.62),transparent 40%),
    linear-gradient(145deg,#bce3e3 0%,#ffe2c6 43%,#d8e9b7 100%);
  box-shadow: 0 18px 55px rgba(61,88,58,.12);
}
.door-copy { padding: 20px 0; }
h1 {
  color: #174c3a;
  font-family: Georgia,"Times New Roman",serif;
  font-weight: 700;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.lead { color: #245d43; }
.door-art {
  min-height: 460px;
  isolation: isolate;
}
.door-art::before {
  content: "";
  position: absolute;
  width: min(35vw,420px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%,#2d9fba 0 22%,#126b98 23% 31%,transparent 32%),
    radial-gradient(circle at 42% 42%,#6dbb79 0 8%,transparent 9%),
    radial-gradient(circle at 62% 57%,#86c875 0 9%,transparent 10%),
    conic-gradient(from 5deg,#e84f91,#f2a74d,#f2db66,#53b879,#45b8c1,#7563ce,#e84f91);
  border: 12px solid rgba(255,255,255,.66);
  box-shadow: 0 0 0 9px rgba(255,255,255,.22),0 22px 70px rgba(44,93,84,.22);
  z-index: -1;
}
.door-art .portal {
  width: min(25vw,290px);
  height: auto;
  aspect-ratio: 1;
  background: transparent;
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: inset 0 0 38px rgba(255,255,255,.6),0 0 0 7px rgba(255,255,255,.25);
}
.door-art .portal-ring { inset: 12px; }
.door-art .portal-core {
  width: 68%;
  height: 68%;
  font-size: clamp(2rem,5vw,4.2rem);
  background: radial-gradient(circle at 35% 25%,#fff 0%,#d7f1e3 45%,#91c9d8 100%);
  border: 3px solid rgba(255,255,255,.8);
}
.door-art .orbit { border-color: rgba(255,255,255,.7); }
.door-art .star { color: #fff5b8; text-shadow: 0 0 12px rgba(255,255,255,.9); }
.discover { width:min(1200px,calc(100% - 40px)); }
.section-heading h2,.explore-heading h2 {
  font-family: Georgia,"Times New Roman",serif;
  color: #174c3a;
}
.pathway {
  min-height: 185px;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 22px 14px;
  border-radius: 24px;
  background: linear-gradient(155deg,rgba(255,255,255,.96),rgba(255,255,255,.68));
}
.pathway-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(255,255,255,.82);
  box-shadow: 0 4px 14px rgba(40,83,53,.1);
}
.have { background:linear-gradient(155deg,#f2ffe8,#fff); border-color:#a5d58e; border-top:4px solid #62a86e; }
.need { background:linear-gradient(155deg,#eaf7ff,#fff); border-color:#9dd4f1; border-top:4px solid #62a9d7; }
.creating { background:linear-gradient(155deg,#f7edff,#fff); border-color:#d0a9e9; border-top:4px solid #ad7aca; }
.help { background:linear-gradient(155deg,#fff0dd,#fff); border-color:#f0bd83; border-top:4px solid #e99a4d; }
.explore-card { overflow:hidden; }
.explore-card > span:first-child {
  display:grid; place-items:center; width:52px; height:52px;
  border-radius:16px; background:linear-gradient(145deg,#f3f9dd,#fff);
}
.closing-note { border-radius:26px; }
footer { padding-top:12px; }
@media(max-width:760px) {
  .topbar { width:calc(100% - 28px); min-height:72px; }
  .door {
    width:calc(100% - 20px);
    padding:24px 20px 30px;
    border-radius:24px;
    gap:0;
    background:
      linear-gradient(180deg,rgba(255,250,239,.88),rgba(255,250,239,.72) 42%,rgba(255,250,239,.18)),
      radial-gradient(ellipse at 50% 90%,rgba(76,154,82,.58),transparent 45%),
      linear-gradient(145deg,#bce3e3,#ffe2c6 48%,#d8e9b7);
  }
  .door-art { min-height:220px; }
  .door-art::before { width:190px; border-width:7px; }
  .door-art .portal { width:130px; }
  .door-art .portal-core { font-size:2.2rem; }
  .door-copy { padding:10px 0 0; }
  h1 { font-size:clamp(2.65rem,12vw,4rem); }
  .pathway { min-height:155px; }
}
@media(prefers-reduced-motion:reduce) {
  .pathway,.explore-card { transition:none; }
}


/* Approved October 26 GaiasBus mockup artwork: use the real image, not a CSS imitation. */
.door-art { min-height: 0; display: grid; place-items: center; isolation: auto; }
.door-art::before { display: none !important; }
.door-art .orbit, .door-art .portal, .door-art .star { display: none !important; }
.approved-hero-art { display:block; width:100%; max-width:560px; height:auto; aspect-ratio: 320 / 205; object-fit:cover; border-radius: 24px; filter: drop-shadow(0 18px 30px rgba(40,76,55,.14)); }
@media(max-width:760px) { .door-art { order: 0; min-height: 0; margin: 12px 0 18px; } .approved-hero-art { max-width:100%; border-radius:18px; } }