:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0c1018;color:#edf3fc;--muted:#9eacbc;--edge:#273244;--panel:#151d2b;--accent:#55c1a7}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}
header{display:flex;align-items:center;justify-content:space-between;padding:17px 5%;border-bottom:1px solid var(--edge);background:#121b29;gap:12px}
header .row{display:flex;gap:7px;flex:0 0 auto;align-items:center}
header .row button{min-width:0;flex:0 0 auto;white-space:nowrap;padding:9px 12px}
.brand{display:flex;gap:14px;align-items:center;font-weight:800;letter-spacing:1px}.brand b{color:var(--accent)}.brand small{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted)}
.mark{font-size:40px;color:var(--accent)}button{background:var(--accent);color:#0a1720;border:0;border-radius:10px;padding:11px 17px;cursor:pointer;font-weight:700}
button:hover{filter:brightness(1.1)}button.secondary{background:#2b3a51;color:#dbe8fb}
input,select{width:100%;padding:12px;background:#101725;color:#fff;border:1px solid #45546a;border-radius:9px}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}.welcome{max-width:1080px;margin:7vh auto;padding:0 5%;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:56px}
.intro h1{font-size:clamp(32px,5vw,58px);letter-spacing:-1.7px;line-height:1.09;margin:13px 0}
.intro p{line-height:1.6;color:var(--muted)}.eyebrow{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:2px}
.signcard,.panel,.card{background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:24px}
.signcard h2,.side h2{margin:0 0 16px}.signcard button[type=submit]{width:100%;margin-top:20px}
.linkbutton{background:none;color:var(--accent);padding:0}.notice{border-left:3px solid #e6b25d;background:#242019;padding:12px 15px;border-radius:5px;color:#f2d398;font-size:13px}
.shell{display:grid;grid-template-columns:245px 1fr;min-height:76vh}.side{background:#121b29;padding:25px 14px;border-right:1px solid var(--edge)}
.side h2{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:2px;padding:8px}.side button{display:block;width:100%;text-align:left;background:transparent;color:#b9c9db;margin:4px 0;font-size:14px;padding:13px 15px;border-radius:10px}
.side button.active,.side button:hover{background:#24364b;color:white}main{padding:28px clamp(15px,3vw,45px);max-width:1200px;width:100%}
.page-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.page-top h1{margin:8px 0 18px;font-size:32px}
.mode{display:flex;gap:10px;align-items:center;margin:0}.mode select{width:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px}
.card b{display:block;font-size:29px;margin:7px 0}.card small,.hint{color:var(--muted)}.panel{margin:16px 0}
.panel h2{margin-top:0}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:170px}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--edge);font-size:13px}
th{color:var(--muted)}.scroll{overflow:auto}#publicStatus,#privateStatus{min-height:20px;color:#fbca81}
footer{padding:22px;text-align:center;border-top:1px solid var(--edge);font-size:12px;color:var(--muted)}
@media(max-width:760px){.welcome{margin:5vh auto;grid-template-columns:1fr;gap:20px}.shell{display:block}
.side{padding:10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--edge)}
#menu{display:flex;width:max-content}.side h2{display:none}.side button{white-space:nowrap;min-width:unset}
.page-top{align-items:flex-start}.mode{font-size:12px}.page-top h1{font-size:24px}
.signcard{padding:18px}main{padding:18px}.brand{font-size:13px}.mark{font-size:30px}}


/* POST INFINITY V2 premium SaaS shell — view-only, isolated from the legacy app */
[hidden]{display:none!important}
:root{
  --bg:#0c1521;--panel:#142237;--edge:#2d4058;--accent:#4ed8bb;
  --muted:#9cb2c7;--pi-violet:#8b7cf6;--pi-cyan:#29c9f1;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 950px 520px at 70% -15%,rgba(41,201,241,.075),transparent),#0b1522;color:#eff8fc;overflow-x:hidden}
header{position:relative;z-index:20;min-height:84px;padding:12px clamp(18px,3vw,46px);background:rgba(12,25,41,.9);border-color:rgba(86,158,179,.22);backdrop-filter:blur(18px)}
.brand{gap:10px;letter-spacing:.055em;font-size:16px}
.brand b{color:#b5f7ed}.brand small{margin-top:5px;color:#8c9fb4;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:8px}
.pilot-brand-svg{height:55px;width:81px;overflow:visible;transform-origin:50% 50%;animation:piPilotSpin 17s linear infinite;filter:drop-shadow(0 0 11px rgba(53,228,211,.4));flex:none}
.pilot-brand-svg .pi-loop{stroke:url(#pilotLoop)}
.pilot-brand-svg .pi-energy-runner{stroke:#e9fffb;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-dasharray:23 217;stroke-dashoffset:240;animation:piPilotEnergy 3s linear infinite;filter:drop-shadow(0 0 5px #35e4d3) drop-shadow(0 0 7px #29c9f1)}
.pilot-brand-svg .pi-pixels{animation:piPilotGlow 3s ease-in-out infinite}
.pilot-brand-svg:hover{animation-duration:7s}
.pilot-brand-svg:hover .pi-energy-runner{animation-duration:1.35s}
@keyframes piPilotSpin{0%{transform:perspective(700px) rotateZ(0deg) rotateX(-10deg) rotateY(-8deg)}25%{transform:perspective(700px) rotateZ(90deg) rotateX(9deg) rotateY(6deg)}50%{transform:perspective(700px) rotateZ(180deg) rotateX(-8deg) rotateY(8deg)}75%{transform:perspective(700px) rotateZ(270deg) rotateX(9deg) rotateY(-6deg)}100%{transform:perspective(700px) rotateZ(360deg) rotateX(-10deg) rotateY(-8deg)}}
@keyframes piPilotEnergy{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@keyframes piPilotGlow{0%,100%{opacity:.66}50%{opacity:1}}
.pilot-mobile-toggle{display:none;background:#172c3f;border:1px solid #33536a;border-radius:12px;color:#e8f6f9;font-size:20px;min-height:42px;min-width:42px;padding:6px 12px;line-height:1;box-shadow:none}
header .row button{min-height:39px;border-radius:10px;font-size:12px}
header .secondary{background:#1e3348;color:#cbebf2}
.shell{grid-template-columns:263px minmax(0,1fr);min-height:calc(100vh - 140px)}
.shell .side{background:linear-gradient(175deg,#111f32,#0b1729 85%);padding:25px 17px;border-color:#2b4558;min-height:100%;box-shadow:13px 0 35px rgba(0,0,0,.06)}
.side h2{font-size:10px;letter-spacing:.18em;color:#8fa6b9;text-transform:uppercase;padding:7px 13px 12px}
#menu{display:flex;flex-direction:column}
#menu .pi-menu-group{padding:21px 13px 8px;margin-top:7px;border-top:1px solid rgba(104,154,175,.12);color:#7596af;text-transform:uppercase;font-size:9px;letter-spacing:.16em;font-weight:900}
#menu .pi-menu-group:first-child{border-top:0;padding-top:9px;margin-top:0}
.side #menu button{position:relative;min-height:47px;width:100%;padding:10px 12px;display:flex;align-items:center;gap:12px;white-space:normal;border:1px solid transparent;border-radius:12px;color:#b9cddd;font-size:12px;font-weight:710;transition:background .2s,border-color .2s,transform .2s;box-shadow:none}
.side #menu button:before{content:attr(data-icon);display:grid;place-items:center;flex:0 0 27px;height:27px;width:27px;border-radius:8px;color:#89c5c9;background:rgba(78,216,187,.07);font-size:17px}
.side #menu button:hover{background:#1c344a;border-color:rgba(74,199,203,.14);color:#eaffff;transform:translateX(2px)}
.side #menu button.active{border-color:rgba(85,225,208,.38);background:linear-gradient(112deg,rgba(37,94,94,.42),rgba(21,58,70,.55));box-shadow:inset 2px 0 0 #5fe6d3;color:#effffa}
.side #menu button.active:before{background:rgba(53,228,211,.2);color:#a7fff0}
.shell main{min-width:0;padding:clamp(17px,3vw,40px);max-width:1450px}
.page-top{gap:16px;margin-bottom:12px}
.page-top h1{font-size:clamp(25px,3.1vw,38px);letter-spacing:-.05em;font-weight:830;margin:10px 0 11px;color:#f0faff}
.page-top .eyebrow{font-size:10px;letter-spacing:.14em;color:#6de6d5}
.mode{color:#9dbbd0;display:flex;gap:10px;align-items:center}.mode select{background:#182c3f;border:1px solid #36596a;border-radius:10px;padding:10px}
.shell .notice{border-radius:12px;border:1px solid rgba(235,176,81,.25);background:#2a261b;color:#edcd88;padding:13px 17px}
.panel,.card,.signcard{border-radius:19px;background:linear-gradient(155deg,#172739,#111e2f);border:1px solid rgba(100,159,177,.21);box-shadow:0 12px 35px rgba(0,0,0,.08);transition:border-color .24s,box-shadow .24s,transform .24s}
.panel:hover,.card:hover{border-color:rgba(98,201,206,.42);box-shadow:0 15px 33px rgba(0,0,0,.15)}
.panel h2{letter-spacing:-.026em}
.cards{gap:14px}
.cards>.card{min-height:154px;position:relative;overflow:hidden;isolation:isolate}
.cards>.card:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(230px circle at var(--pi-mouse-x,88%) var(--pi-mouse-y,22%),rgba(53,228,211,.1),transparent 72%);z-index:-1}
.cards>.card b{font-size:clamp(23px,3.5vw,37px);letter-spacing:-.065em;color:#c7fff4;margin-top:17px}
.cards>.card small:first-child{font-size:11px;font-weight:750;letter-spacing:.02em;color:#bad8e3}
.cards>.card small:last-child{display:block;line-height:1.5;font-size:11px}
.panel p,.hint{color:#9fb4c4;line-height:1.7}
input,select,textarea{background:#101d2b;border:1px solid #36516a;color:#f6ffff;border-radius:10px;min-height:42px}
button{border-radius:11px}
button:not(.secondary):not(.linkbutton):not(.pilot-mobile-toggle){background:linear-gradient(112deg,#63edce,#44cdec);color:#0b2930}
button:not(.secondary):not(.linkbutton):not(.pilot-mobile-toggle):hover{filter:brightness(1.08)}
.side #menu button{background:transparent!important;color:#b9cddd!important}
.side #menu button.active{background:linear-gradient(112deg,rgba(37,94,94,.42),rgba(21,58,70,.55))!important;color:#effffa!important}
.side #menu button:hover{background:#1c344a!important;color:#effffa!important}
#pageContent .panel button{max-width:100%}
table{min-width:540px}th{color:#8cabbc;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{color:#c1d7e0}
.pilot-hero{isolation:isolate;position:relative;overflow:hidden;padding:clamp(20px,3vw,37px);border:1px solid rgba(68,208,207,.36);border-radius:24px;margin-bottom:19px;background:radial-gradient(ellipse 55% 100% at var(--pi-hero-x,80%) var(--pi-hero-y,30%),rgba(41,201,241,.19),transparent 74%),linear-gradient(120deg,#1a3546,#102639 75%);box-shadow:0 22px 48px rgba(0,0,0,.14)}
.pilot-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(107,206,216,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(107,206,216,.1) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black)}
.pilot-hero .pilot-hero-eyebrow{position:relative;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;color:#76e6df}
.pilot-hero h2{position:relative;margin:18px 0 11px;font-size:clamp(29px,4vw,51px);line-height:1.1;font-weight:810;letter-spacing:-.062em;max-width:660px}
.pilot-hero h2 span{color:#69e7d6;text-shadow:0 0 25px rgba(53,228,211,.25)}
.pilot-hero>p{position:relative;max-width:660px;margin:0 0 19px;color:#b3ced8;font-size:14px;line-height:1.75}
.pilot-quick-links{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pilot-quick-links button{min-width:0;text-align:left;display:grid;gap:5px;background:rgba(17,44,58,.94)!important;color:#e5faf8!important;border:1px solid rgba(93,190,198,.26)!important;border-radius:13px;padding:15px;box-shadow:none;transition:transform .22s,border-color .2s}
.pilot-quick-links button:hover{border-color:#4ed8bb!important;transform:translateY(-3px)}
.pilot-quick-links .q-symbol{font-size:19px;color:#55decf}
.pilot-quick-links button strong{font-size:12px;letter-spacing:.01em}
.pilot-quick-links button small{font-size:10px;color:#93adb9;line-height:1.5;font-weight:500}
.pilot-page-subtitle{color:#91adbf;font-size:12px;line-height:1.7;margin:0 0 20px}
.pilot-nav-backdrop{display:none}
.welcome{max-width:1240px;gap:60px}.welcome .intro{position:relative;isolation:isolate;padding:20px}.welcome .intro:before{position:absolute;content:"";inset:-65px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(53,228,211,.08),transparent 67%)}.welcome .intro h1{font-size:clamp(39px,5.5vw,65px)}.welcome .intro .eyebrow{color:#4ed8bb}.signcard{padding:30px}.signcard input{min-height:46px}
.pilot-shell-caption{font-size:11px;color:#93b0b9;padding:7px 0}
#privateStatus,#publicStatus{font-size:12px;line-height:1.7}
@media(max-width:1000px){.pilot-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 header{min-height:72px;padding:12px 17px}
 .pilot-brand-svg{width:55px;height:41px}
 .brand{font-size:13px}.brand small{font-size:7px}
 header .row{gap:6px}
 header .row button{font-size:11px;padding:8px 9px}
 .pilot-mobile-toggle{display:grid;place-items:center}
 .shell{display:block}
 .side{display:none;position:fixed;z-index:120;top:0;left:0;bottom:0;width:min(325px,87vw);height:100dvh;overflow:auto;padding:18px!important;border-right:1px solid #355871;border-bottom:0;box-shadow:25px 0 70px rgba(0,0,0,.57)}
 .pi-nav-open .side{display:block}
 .pilot-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:115}
 .pi-nav-open .pilot-nav-backdrop{display:block}
 .side h2{display:block;padding:14px 10px 18px}
 #menu{display:flex;flex-direction:column;width:auto}
 .side #menu button{white-space:normal;min-width:0}
 .shell main{padding:17px}
 .page-top{flex-wrap:wrap;align-items:center}.mode select{font-size:12px}
 .pilot-hero{padding:20px 16px}.pilot-hero h2{font-size:32px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cards>.card{min-height:120px;padding:15px}
 .cards>.card b{font-size:29px}
 .pilot-quick-links button{padding:11px}
 .welcome{grid-template-columns:1fr;gap:17px;margin-top:22px}
 .welcome .intro{padding:12px}
 .signcard{padding:18px}
}
@media(max-width:390px){
 .pilot-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .pilot-quick-links button{padding:10px 8px}
 .cards>.card b{font-size:24px}
 .brand{font-size:11px}
 .brand small{font-size:6px}
}
@media(hover:none){.pilot-quick-links button:hover,.panel:hover,.card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .pilot-brand-svg,.pilot-brand-svg:hover,.pilot-brand-svg .pi-energy-runner{animation:none!important;transform:none!important;filter:none!important}
 .pilot-quick-links button:hover{transform:none}
}

/* Mobile drawer close button and desktop sticky navigation */
.pilot-side-head{display:flex;align-items:center;justify-content:space-between;gap:7px}
.pilot-close-nav{display:none;background:#1c3449;color:#dceff6;padding:5px 10px;font-size:19px}
@media(min-width:761px){.side{position:sticky;top:0;height:calc(100dvh - 84px);overflow-y:auto;scrollbar-color:#315366 transparent}}
@media(max-width:760px){.pilot-close-nav{display:inline-flex}}

/* Refined v3: the infinity remains upright. ONLY energy runs around its two lobes. */
.pilot-brand-svg,.pilot-brand-svg:hover{
 animation:piPilotXBreathe 6.2s ease-in-out infinite;
 transform-origin:50% 50%;
 filter:drop-shadow(0 0 8px rgba(53,228,211,.34)) drop-shadow(0 8px 8px rgba(0,8,20,.65));
}
.pilot-brand-svg .pi-loop{stroke-width:5.7;opacity:.95;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(0,7,25,.6))}
.pilot-brand-svg .pi-energy-runner{
 stroke:#ddfffa;stroke-width:2.45;stroke-dasharray:15 225;stroke-dashoffset:240;
 animation:piPilotContour 3.6s linear infinite;
 filter:drop-shadow(0 0 4px #35e4d3) drop-shadow(0 0 8px #29c9f1);
}
.pilot-brand-svg:hover .pi-energy-runner{animation-duration:1.8s}
@keyframes piPilotXBreathe{0%,100%{transform:perspective(650px) rotateX(-10deg) rotateY(-3deg) translateZ(0)}50%{transform:perspective(650px) rotateX(11deg) rotateY(3deg) translateZ(3px)}}
@keyframes piPilotContour{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
#pilotAmbientDepth{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
#pilotAmbientDepth .pilot-depth-grid{position:absolute;inset:-30%;opacity:.20;
 background-image:linear-gradient(rgba(94,213,214,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,213,214,.08) 1px,transparent 1px);
 background-size:58px 58px;transform:perspective(950px) rotateX(57deg) translateY(var(--pilot-grid-shift,0px));will-change:transform;
 mask-image:linear-gradient(180deg,transparent,black 30%,black 62%,transparent)}
#pilotAmbientDepth .pilot-depth-halo{position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none;will-change:transform}
#pilotAmbientDepth .halo-one{width:min(60vw,720px);right:-190px;top:-170px;transform:translateY(var(--pilot-halo-one,0px));
 background:radial-gradient(circle,rgba(39,175,185,.12),transparent 64%);border:1px solid rgba(73,216,219,.09)}
#pilotAmbientDepth .halo-two{width:min(54vw,640px);left:-190px;bottom:-260px;transform:translateY(var(--pilot-halo-two,0px));
 background:radial-gradient(circle,rgba(139,124,246,.09),transparent 68%);border:1px solid rgba(139,124,246,.09)}
body>header,body>.shell,body>.welcome,body>footer{position:relative;z-index:1}
body>header{z-index:10}
#pilotAmbientDepth ~ .shell .pilot-hero{box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 1px rgba(164,242,235,.08)}
#pilotAmbientDepth ~ .shell .pilot-quick-links button{border-color:rgba(101,204,208,.3)!important;
 background:linear-gradient(145deg,rgba(27,61,78,.95),rgba(12,36,56,.95))!important;
 box-shadow:0 8px 23px rgba(0,0,0,.17),inset 0 1px rgba(182,255,248,.05);min-height:104px}
.pilot-quick-links .q-symbol{width:33px;height:33px;border:1px solid rgba(103,228,218,.28);border-radius:10px;display:grid;place-items:center}
.pilot-quick-links .q-symbol svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){#pilotAmbientDepth .pilot-depth-grid{opacity:.11}#pilotAmbientDepth .pilot-depth-halo{opacity:.6}}
@media(prefers-reduced-motion:reduce){
 .pilot-brand-svg,.pilot-brand-svg:hover,.pilot-brand-svg .pi-energy-runner{animation:none!important;transform:none!important;filter:none!important}
 #pilotAmbientDepth .pilot-depth-grid,#pilotAmbientDepth .pilot-depth-halo{transform:none!important;will-change:auto!important}
}


/* POST INFINITY · COSMIC PARALLAX v1
 * Original dark cosmic field inspired by 21st.dev Parallax Cosmic Background.
 * All content is decorative. Only transforms and a lightweight 2D particle layer move.
 */
:root{--pi-cosmic-navy:#07101e;--pi-cosmic-turquoise:#35e4d3;--pi-cosmic-cyan:#29c9f1;--pi-cosmic-violet:#8b7cf6}
html{background:#07101e}
body{position:relative;background:#07101e!important}
#piAmbientDepth,#pilotAmbientDepth{display:none!important}
#piCosmicField{
  position:fixed!important;inset:0!important;
  width:100%;height:100%;height:100dvh;
  pointer-events:none!important;user-select:none!important;
  z-index:0!important;overflow:hidden;contain:layout paint;
  background:
    radial-gradient(ellipse 60% 48% at 71% 25%,rgba(26,82,108,.22),transparent 85%),
    radial-gradient(ellipse 40% 44% at 10% 80%,rgba(57,43,109,.11),transparent 78%),
    linear-gradient(155deg,#07111e 0%,#091525 45%,#080e1b 100%);
}
#piCosmicField .pi-cosmic-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.91;pointer-events:none}
#piCosmicField .pi-cosmic-nebula{
 position:absolute;pointer-events:none;aspect-ratio:1;border-radius:50%;
 mix-blend-mode:screen;opacity:.86;will-change:transform;
}
#piCosmicField .pi-nebula-one{
 width:min(92vw,1100px);top:-26%;right:-16%;
 background:
  radial-gradient(ellipse at 42% 49%,rgba(45,228,219,.29) 0%,rgba(33,149,195,.17) 26%,rgba(54,115,181,.085) 43%,transparent 68%);
 filter:blur(clamp(20px,4vw,48px));
 transform:translate3d(var(--cosmos-a-x,0px),var(--cosmos-a-y,0px),0);
}
#piCosmicField .pi-nebula-two{
 width:min(91vw,1000px);bottom:-31%;left:-24%;
 background:
 radial-gradient(ellipse at 61% 45%,rgba(139,124,246,.25),rgba(64,100,207,.16) 29%,rgba(39,110,160,.08) 44%,transparent 70%);
 filter:blur(clamp(22px,4vw,54px));
 transform:translate3d(var(--cosmos-b-x,0px),var(--cosmos-b-y,0px),0);
}
#piCosmicField .pi-nebula-three{
 width:min(59vw,700px);top:27%;left:25%;
 background:radial-gradient(circle at 42% 56%,rgba(22,138,173,.095),rgba(68,41,149,.045) 46%,transparent 71%);
 filter:blur(clamp(18px,4vw,46px));opacity:.65;
 transform:translate3d(var(--cosmos-c-x,0px),var(--cosmos-c-y,0px),0);
}
#piCosmicField .pi-cosmic-depth-ring{
 position:absolute;left:58%;top:42%;width:min(75vw,910px);height:min(75vw,910px);
 border:1px solid rgba(68,218,227,.11);border-radius:50%;opacity:.65;
 box-shadow:0 0 0 78px rgba(40,182,222,.01),0 0 0 158px rgba(139,124,246,.008);
 transform:translate3d(-50%,-50%,0) perspective(1100px) rotateX(72deg) rotateZ(-25deg) translateY(var(--cosmos-ring-y,0px));
}
#piCosmicField .pi-cosmic-depth-ring:after{
 content:"";position:absolute;inset:17%;border:1px dashed rgba(148,145,250,.16);
 border-radius:50%;transform:rotate(33deg);
}
#piCosmicField .pi-cosmic-vignette{
 position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,9,19,.25),transparent 28%,transparent 75%,rgba(4,9,19,.23));
}
body > main,body > header,body > footer,body > .announcement,body > .reading-progress,
body > .site-noise,body > .shell,body > .welcome{position:relative;z-index:1}
body > header.topbar{position:sticky;z-index:150}
/* Legacy operation dashboard: no fake data; existing cards are intentionally opaque enough for readability. */
body > main#app,body > main{background:transparent}
#home .pi-workspace{
 background:radial-gradient(ellipse 53% 85% at var(--pi-parallax-x,76%) var(--pi-parallax-y,12%),rgba(41,201,241,.12),transparent 85%),linear-gradient(130deg,rgba(17,41,61,.88),rgba(11,26,45,.93))!important;
 border-color:rgba(75,200,213,.37)!important;
 backdrop-filter:blur(12px);
}
#home .pi-workspace-card{
 background:linear-gradient(155deg,rgba(29,56,78,.92),rgba(11,31,54,.93))!important;
 backdrop-filter:blur(10px);
}
/* Pilot private login & workspace: sidebar remains readable and permission guards unchanged. */
body > .shell{background:transparent}
.shell .side{background:linear-gradient(180deg,rgba(13,28,47,.95),rgba(9,23,40,.97))!important}
.shell main .pilot-hero{background:radial-gradient(ellipse at 84% 15%,rgba(42,180,204,.19),transparent 76%),linear-gradient(130deg,rgba(22,58,78,.90),rgba(12,30,51,.94))!important}
.shell main .panel,.shell main .card,.shell main .signcard{
 background:linear-gradient(150deg,rgba(22,40,59,.91),rgba(12,27,46,.95))!important;
 backdrop-filter:blur(10px);
}
.welcome .signcard{background:linear-gradient(154deg,rgba(20,41,60,.96),rgba(11,25,44,.98))!important}
/* Public marketing landing: cosmic backdrop remains visible BETWEEN and BEHIND each section. */
body > main#conteudo{background:transparent!important}
body > main#conteudo > section{
 background-color:rgba(7,15,28,.70)!important;
 background-image:none!important;
}
body > main#conteudo > section.hero{
 background:linear-gradient(100deg,rgba(7,16,31,.53),rgba(6,15,26,.2) 54%,rgba(7,14,24,.32))!important;
}
body > main#conteudo > section.pricing-section,
body > main#conteudo > section.faq-section{
 background:linear-gradient(125deg,rgba(8,19,34,.84),rgba(10,19,34,.72))!important;
}
body > main#conteudo > section.closing-section{
 background:linear-gradient(150deg,rgba(8,20,35,.72),rgba(10,20,35,.82))!important;
}
body > footer.footer{background:rgba(7,16,30,.92)!important}
body > .topbar{background:rgba(7,15,28,.88)!important}
body > .topbar.scrolled{background:rgba(7,15,28,.95)!important}
/* Perf: coarse pointer gets fewer canvased stars, reduced nebula blur and no hover-only effects. */
@media(max-width:760px){
 #piCosmicField .pi-cosmic-canvas{opacity:.83}
 #piCosmicField .pi-nebula-one{width:128vw;top:-22%;right:-42%;opacity:.75;filter:blur(22px)}
 #piCosmicField .pi-nebula-two{width:130vw;bottom:-21%;left:-30%;opacity:.65;filter:blur(24px)}
 #piCosmicField .pi-nebula-three{display:none}
 #piCosmicField .pi-cosmic-depth-ring{width:116vw;height:116vw;left:62%;top:47%;opacity:.35}
 body > main#conteudo > section{background-color:rgba(7,15,28,.81)!important}
 body > main#conteudo > section.hero{background:linear-gradient(180deg,rgba(7,15,29,.45),rgba(7,15,29,.18) 40%,rgba(7,15,29,.62))!important}
}
@media(prefers-reduced-motion:reduce){
 #piCosmicField .pi-cosmic-nebula,#piCosmicField .pi-cosmic-depth-ring{transform:none!important;will-change:auto!important}
 #piCosmicField .pi-cosmic-canvas{opacity:.56}
}



/* Cosmic mobile safety: clip decorative halos without creating a nested scroll container. */
@supports (overflow:clip){
  html,body{overflow-x:clip!important}
}

/* Responsive administrator / bootstrap controls */
#superAdminSetup{margin-bottom:18px;border:1px solid rgba(93,218,193,.45)}.setup-key{font-family:monospace;letter-spacing:.07em;overflow-wrap:anywhere}#staffMfaPanel{margin-bottom:18px}.pi-admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.pi-admin-actions form{min-width:0}.pi-admin-actions input,.pi-admin-actions select,.pi-admin-actions button{max-width:100%}#pageContent table{width:100%;min-width:460px}#pageContent .panel{max-width:100%;overflow-x:auto}@media(max-width:760px){#staffMfaButton{min-width:unset;font-size:12px;padding:8px}#pageContent table{font-size:12px}#pageContent .panel{padding:16px}}

/* POST INFINITY — Global touch feedback v1 — 2026-10-13 */
html,body,body *,body *::before,body *::after{
  -webkit-tap-highlight-color:transparent;
}
:where(button,a[href],[role="button"]){
  touch-action:manipulation;
  -webkit-touch-callout:none;
}
:where(button,a[href],[role="button"]):focus:not(:focus-visible){
  outline:none;
}
:where(button:not(:disabled),a[href],[role="button"]){
  transition:scale 180ms cubic-bezier(.2,.7,.2,1),filter 180ms ease;
}
:where(button:not(:disabled),a[href],[role="button"]):active{
  scale:.985;
  filter:brightness(1.055);
}
@media (prefers-reduced-motion:reduce){
  :where(button,a[href],[role="button"]){transition:none!important}
  :where(button,a[href],[role="button"]):active{scale:1}
}

/* Global checkout banner editor, superadmin only */
.pi-checkout-banners-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 align-items:start;gap:18px;margin:20px 0;
}
.pi-checkout-banner-card{
 border:1px solid #325f66;border-radius:14px;background:#112b36;
 padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0;
}
.pi-checkout-banner-card h3{margin:0;color:#e9fff9;font-size:19px}
.pi-checkout-banner-card p{margin:0;line-height:1.5}
.pi-checkout-banner-card img{
 display:block;width:100%;max-width:100%;height:auto;max-height:410px;object-fit:contain;
 border-radius:11px;border:1px solid #4b807e;background:#081a25;
}
.pi-checkout-banner-card img[hidden]{display:none}
.pi-checkout-banner-card label{display:flex;flex-direction:column;gap:8px;font-weight:750;font-size:12px}
.pi-checkout-banner-card input[type=file]{
 max-width:100%;padding:12px;border-radius:10px;
 border:1px solid #44757d;background:#081d29;color:#d9f9ee;
}
.pi-checkout-banner-card button{margin-top:8px;min-height:48px}
.pi-checkout-banner-card button:focus-visible,.pi-checkout-banner-card input:focus-visible{
 outline:2px solid #9cfbd9;outline-offset:3px
}
@media(max-width:820px){.pi-checkout-banners-grid{grid-template-columns:1fr}}