:root{--bg:#100910;--panel:#1b1019;--panel2:#281522;--text:#fff8fc;--muted:#c9adbc;--line:rgba(255,168,207,.24);--rose:#f36fa9;--rose2:#ffc2dd;--ink:#1b0d14;--shadow:0 28px 80px rgba(32,8,20,.35);--display:"Fraunces",Georgia,serif;--body:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#100910}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--body);background:radial-gradient(circle at 12% 4%,rgba(243,111,169,.2),transparent 30rem),radial-gradient(circle at 85% 20%,rgba(255,194,221,.09),transparent 25rem),linear-gradient(135deg,#100910,#1a0e18 55%,#0d0a10)}
a{color:inherit}.site-shell{width:min(1240px,calc(100% - 30px));margin:auto}.topbar{position:sticky;top:12px;z-index:20;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(18,9,16,.78);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:50% 50% 45% 55%;background:radial-gradient(circle at 35% 30%,#fff4fa 0 8%,#ffb9d7 9% 22%,#f36fa9 23% 50%,#6d2448 75%);box-shadow:0 0 25px rgba(243,111,169,.25)}.brand strong{display:block;font-family:var(--display)}.brand em{display:block;font-style:normal;color:var(--muted);font-size:.7rem}.main-nav{display:flex;gap:4px;flex-wrap:wrap}.main-nav a{text-decoration:none;color:var(--muted);padding:9px 12px;border-radius:999px;font-size:.82rem;font-weight:600}.main-nav a:hover,.main-nav a.is-active{color:var(--text);background:rgba(243,111,169,.11)}
.oasis-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:340px;margin-top:24px;padding:clamp(28px,6vw,70px);border:1px solid var(--line);border-radius:32px;overflow:hidden;background:linear-gradient(135deg,rgba(243,111,169,.13),rgba(27,16,25,.92));box-shadow:var(--shadow)}.eyebrow{margin:0 0 10px;color:var(--rose2);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.oasis-hero h1,.login-copy h1{margin:0;font:650 clamp(3.4rem,9vw,7.5rem)/.9 var(--display)}.hero-copy{max-width:760px;color:var(--muted);line-height:1.7;font-size:1.08rem}.oasis-bloom{position:relative;width:min(26vw,250px);aspect-ratio:1}.oasis-bloom span{position:absolute;inset:25%;border:1px solid rgba(255,194,221,.4);border-radius:70% 30% 70% 30%;transform:rotate(0deg);background:rgba(243,111,169,.1)}.oasis-bloom span:nth-child(2){transform:rotate(60deg)}.oasis-bloom span:nth-child(3){transform:rotate(120deg)}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.campaign-card{display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow)}.campaign-card h2{margin:0;font:650 clamp(2rem,5vw,4rem)/1 var(--display)}.campaign-card p{color:var(--muted);line-height:1.6}.campaign-card-aeloria{background:linear-gradient(145deg,rgba(177,102,75,.14),var(--panel))}.campaign-card-lost-echo{background:linear-gradient(145deg,rgba(66,160,166,.1),var(--panel))}.tag-row{display:flex;gap:7px;flex-wrap:wrap;padding:0;list-style:none}.tag-row li{font-size:.72rem;color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:999px}.card-actions{margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:700;background:var(--panel2);color:var(--text);cursor:pointer}.button-primary{background:var(--rose);border-color:var(--rose);color:var(--ink)}.button-wide{width:100%}
.login-main{min-height:calc(100vh - 170px);display:grid;place-items:center}.login-shell{width:min(940px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin:40px auto}.login-copy,.login-card{position:relative;min-height:400px;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.login-copy{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,rgba(243,111,169,.18),var(--panel))}.login-copy p{color:var(--muted);max-width:520px;line-height:1.7}.rose-orbit{position:absolute;width:240px;height:240px;right:-70px;bottom:-90px;border:30px double rgba(255,194,221,.18);border-radius:50%;box-shadow:0 0 80px rgba(243,111,169,.15)}.login-card{display:flex;flex-direction:column;justify-content:center;gap:18px}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;color:var(--muted);font-size:.78rem}.login-form input{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#120b11;color:var(--text);font:inherit}.login-note{color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;padding:25px 4px 35px;color:var(--muted);font-size:.78rem}.site-footer strong{display:block;color:var(--text)}.site-footer span{display:block;margin-top:3px}
@media(max-width:760px){.topbar{border-radius:20px;align-items:flex-start}.brand em{display:none}.main-nav{justify-content:flex-end}.campaign-grid,.login-shell{grid-template-columns:1fr}.oasis-hero{min-height:300px}.oasis-bloom{display:none}.login-copy,.login-card{min-height:auto}}


/* Skye Oasis is always a dark shared shell; these themes change the dark palette, not the campaign identity. */
html[data-oasis-theme="midnight-rose"]{--bg:#0c080d;--panel:#181017;--panel2:#25141f;--text:#fff8fc;--muted:#cbb5c0;--line:rgba(255,168,207,.26);--rose:#f36fa9;--rose2:#ffc2dd;--ink:#170c12;--shadow:0 28px 80px rgba(20,4,13,.44)}
html[data-oasis-theme="obsidian-bloom"]{--bg:#080808;--panel:#111012;--panel2:#21151c;--text:#fff7fb;--muted:#bcaeb6;--line:rgba(225,104,153,.25);--rose:#da4f87;--rose2:#f7aecb;--ink:#0f090c;--shadow:0 28px 80px rgba(0,0,0,.58)}
html[data-oasis-theme="violet-night"]{--bg:#090812;--panel:#13101f;--panel2:#211a31;--text:#fbf8ff;--muted:#bcb3cc;--line:rgba(195,155,255,.25);--rose:#b86bea;--rose2:#ddbaff;--ink:#0f0b16;--shadow:0 28px 80px rgba(9,4,20,.55)}
html[data-oasis-theme] body{background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--rose) 18%,transparent),transparent 30rem),radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--rose2) 8%,transparent),transparent 25rem),linear-gradient(135deg,var(--bg),color-mix(in srgb,var(--panel) 72%,var(--bg)) 55%,var(--bg))}
.oasis-theme-toggle{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:999px;font:600 .82rem var(--body);cursor:pointer}.oasis-theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--rose) 10%,transparent)}
.oasis-theme-panel{position:fixed;z-index:100;right:22px;top:74px;width:210px;padding:12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.oasis-theme-panel>span{display:block;padding:5px 8px 9px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.oasis-theme-panel button{display:block;width:100%;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;padding:9px 10px;cursor:pointer}.oasis-theme-panel button:hover,.oasis-theme-panel button.active{background:color-mix(in srgb,var(--rose) 15%,transparent)}


/* Skye Oasis v6.3 - shared-shell themes stay dark but use different structure. */
html[data-oasis-theme="black-rose"]{--bg:#060608;--panel:#100d11;--panel2:#21111a;--text:#fff8fb;--muted:#bdaab4;--line:rgba(255,70,149,.34);--rose:#ff4b98;--rose2:#ffc0da;--ink:#10060b;--shadow:0 30px 90px rgba(0,0,0,.66)}
html[data-oasis-theme="midnight-rose"] .topbar{border-radius:999px}
html[data-oasis-theme="midnight-rose"] .campaign-card,html[data-oasis-theme="midnight-rose"] .login-copy,html[data-oasis-theme="midnight-rose"] .login-card{border-radius:28px}
html[data-oasis-theme="midnight-rose"] .campaign-card{box-shadow:0 26px 70px rgba(20,4,13,.42),inset 0 1px 0 rgba(255,255,255,.035)}

html[data-oasis-theme="obsidian-bloom"] .topbar{border-radius:2px;border:1px solid rgba(225,104,153,.35);box-shadow:0 0 0 3px #080808,0 0 0 4px rgba(225,104,153,.18)}
html[data-oasis-theme="obsidian-bloom"] .campaign-card,html[data-oasis-theme="obsidian-bloom"] .login-copy,html[data-oasis-theme="obsidian-bloom"] .login-card{
  border-radius:0;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  border-color:rgba(225,104,153,.32);background:linear-gradient(145deg,#0d0d0e,#171016)
}
html[data-oasis-theme="obsidian-bloom"] .button,html[data-oasis-theme="obsidian-bloom"] .main-nav a{border-radius:2px}
html[data-oasis-theme="obsidian-bloom"] .campaign-card h2{letter-spacing:.04em}

html[data-oasis-theme="violet-night"] .topbar{border-radius:18px;background:rgba(13,10,23,.78);box-shadow:inset 0 0 0 1px rgba(221,186,255,.05),var(--shadow)}
html[data-oasis-theme="violet-night"] .campaign-card,html[data-oasis-theme="violet-night"] .login-copy,html[data-oasis-theme="violet-night"] .login-card{border-radius:20px;background:linear-gradient(160deg,rgba(184,107,234,.11),rgba(16,13,26,.96));box-shadow:inset 0 0 50px rgba(184,107,234,.035),var(--shadow)}
html[data-oasis-theme="violet-night"] .campaign-card:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--rose),transparent);margin-bottom:20px}

html[data-oasis-theme="black-rose"] body{background:
  linear-gradient(rgba(255,75,152,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,75,152,.02) 1px,transparent 1px),
  radial-gradient(circle at 70% 15%,rgba(255,75,152,.16),transparent 24rem),
  #060608;background-size:34px 34px,34px 34px,auto,auto}
html[data-oasis-theme="black-rose"] .topbar{border-radius:0;border:1px solid rgba(255,75,152,.42);background:rgba(6,6,8,.9)}
html[data-oasis-theme="black-rose"] .campaign-card,html[data-oasis-theme="black-rose"] .login-copy,html[data-oasis-theme="black-rose"] .login-card{border-radius:0;border:1px solid rgba(255,75,152,.35);background:#0e0c10;box-shadow:0 0 0 1px #050506,0 0 0 3px rgba(255,75,152,.10),0 30px 80px #000}
html[data-oasis-theme="black-rose"] .campaign-card{border-left:5px solid var(--rose)}
html[data-oasis-theme="black-rose"] .button,html[data-oasis-theme="black-rose"] .main-nav a,html[data-oasis-theme="black-rose"] .oasis-theme-toggle{border-radius:0}
html[data-oasis-theme="black-rose"] .eyebrow{letter-spacing:.22em}