:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050508;color:#fff}button{font:inherit;color:inherit}.landingPage,.hubPage,.appSlotPage{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(127,84,255,.22),transparent 31%),radial-gradient(circle at 86% 18%,rgba(0,229,255,.11),transparent 28%),radial-gradient(circle at 50% 90%,rgba(255,255,255,.06),transparent 34%),linear-gradient(135deg,#030307,#080814 48%,#030307)}.hero{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;isolation:isolate}.landingContent{position:relative;z-index:5;max-width:900px;text-align:center;display:grid;justify-items:center;animation:fadeUp 1.2s ease both}.elionWord{line-height:.86;font-weight:760;letter-spacing:-.11em;text-align:center}.elionWord.large{font-size:clamp(64px,11vw,142px)}.elionWord.small{font-size:clamp(42px,5vw,64px);letter-spacing:-.09em}.systemLabel{margin:0;letter-spacing:.38em;text-transform:uppercase;font-size:12px;color:#ffffff8f}.landingLabel{width:100%;margin-top:24px;margin-bottom:34px;padding-left:.38em;text-align:center}.topbarLabel{margin-top:10px;padding-left:.28em;font-size:10px;letter-spacing:.28em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(44px,8vw,112px);line-height:.92;letter-spacing:-.08em;font-weight:760}.primaryButton,.secondaryButton,.profileButton{border:1px solid rgba(255,255,255,.22);background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:13px 20px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primaryButton{margin-top:42px;padding:15px 30px;min-width:132px}.profileButton{border-color:#ffffff1f;background:#ffffff09}.primaryButton:hover,.secondaryButton:hover,.profileButton:hover{transform:translateY(-2px);border-color:#ffffff85;background:#ffffff1f;box-shadow:0 18px 48px #00000042}.orb{position:absolute;width:min(58vw,620px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.86),transparent 9%),radial-gradient(circle at 55% 45%,rgba(172,92,255,.58),transparent 28%),radial-gradient(circle at 70% 65%,rgba(0,229,255,.28),transparent 34%),#ffffff09;opacity:.62;animation:float 7s ease-in-out infinite;z-index:1}.orbGlow{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:inherit;background:radial-gradient(circle,rgba(149,105,255,.32),transparent 62%);filter:blur(34px)}.orbLine{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px solid rgba(255,255,255,.14);border-radius:999px}.orbLine.one{transform:rotate(18deg) scaleX(1.22)}.orbLine.two{transform:rotate(-38deg) scaleX(1.06)}.orbLine.three{transform:rotate(74deg) scaleX(.86)}.floatingShard{position:absolute;z-index:2;width:9px;height:9px;border-radius:999px;background:#fff9;box-shadow:0 0 28px #ffffff57;animation:drift 8s ease-in-out infinite}.shardOne{top:24%;left:18%}.shardTwo{top:68%;right:22%;animation-delay:-2s}.shardThree{bottom:18%;left:56%;animation-delay:-4s}.noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.hubPage,.appSlotPage{position:relative;padding:28px;isolation:isolate}.hubBackgroundOrb{position:absolute;border-radius:999px;filter:blur(22px);opacity:.48;z-index:-1;animation:slowMove 10s ease-in-out infinite}.hubBackgroundOrb.orbA{width:260px;height:260px;top:18%;left:8%;background:#8959ff38}.hubBackgroundOrb.orbB{width:340px;height:340px;right:-80px;top:10%;background:#00e5ff1c;animation-delay:-3s}.hubBackgroundOrb.orbC{width:280px;height:280px;bottom:-90px;left:45%;background:#ffffff12;animation-delay:-6s}.hubTopbar{position:relative;z-index:8;max-width:1180px;margin:0 auto 82px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;animation:fadeDown .9s ease both}.brandBlock{display:grid;justify-items:start}.userArea{display:flex;align-items:center;gap:12px}.userMeta{margin-right:4px;text-align:right}.userMeta span{display:block;margin-bottom:4px;color:#ffffff73;font-size:12px}.userMeta strong{font-size:15px}.profileMenuWrap{position:relative}.profileMenu{position:absolute;top:calc(100% + 12px);right:0;width:240px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:#0c0c16e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #0000005c;animation:menuIn .18s ease both}.profileMenu span{display:block;margin-bottom:10px;color:#ffffff73;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.profileMenu strong{display:block;margin-bottom:8px;font-size:18px}.profileMenu p{margin-bottom:10px;color:#ffffff9e;overflow-wrap:anywhere}.profileMenu small{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ffffff17;color:#ffffffb8}.hubIntro{max-width:1180px;margin:0 auto 44px;text-align:center;display:grid;justify-items:center;animation:fadeUp 1s ease both}.hubIntro h1,.appSlotHero h1{max-width:900px;font-size:clamp(50px,8vw,104px)}.appGrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.appCard,.slotFrame{border:1px solid rgba(255,255,255,.12);background:#ffffff0e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:32px}.appCard{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:22px;cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(22px);animation:cardIn .76s ease forwards;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.appCard:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 80% 20%,rgba(144,102,255,.22),transparent 30%);transition:opacity .22s ease}.appCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.appCard:hover{transform:translateY(-8px) scale(1.015);border-color:#ffffff57;background:#ffffff16;box-shadow:0 24px 70px #00000047}.appCard:hover:before{opacity:1}.appVisual,.appText{position:relative;z-index:2}.appVisual{width:100%;min-height:158px;border-radius:26px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 80% 70%,rgba(137,89,255,.22),transparent 36%),#ffffff13;border:1px solid rgba(255,255,255,.09);transition:transform .24s ease,border-color .24s ease,background .24s ease}.appCard:hover .appVisual{transform:translateY(-4px) scale(1.015);border-color:#fff3}.appVisual img{width:100%;height:100%;object-fit:cover}.appVisualFallback{font-size:60px;line-height:1;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}.appText{display:grid;gap:8px}.appStatus{color:#ffffff75;font-size:12px;text-transform:uppercase;letter-spacing:.18em}.appText strong{font-size:27px;letter-spacing:-.05em}.appText small{color:#fff9;line-height:1.55}.appSlotHero{max-width:980px;min-height:72vh;margin:0 auto;display:grid;align-content:center;text-align:center}.appSlotHero .systemLabel{margin-bottom:22px}.appSlotHero p{max-width:680px;margin:28px auto 0;color:#ffffffa3;font-size:18px;line-height:1.65}.slotFrame{max-width:520px;margin:46px auto 0;padding:28px;display:grid;gap:10px}.slotFrame span{color:#ffffff73;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.slotFrame strong{font-size:28px;letter-spacing:-.05em}.slotFrame small{color:#ffffff85}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-18px) rotate(4deg) scale(1.035)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1);opacity:.35}50%{transform:translate3d(18px,-22px,0) scale(1.4);opacity:.85}}@keyframes slowMove{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(22px,-18px,0) scale(1.08)}}@media(max-width:920px){.hubPage,.appSlotPage{padding:20px}.hubTopbar{margin-bottom:54px}.appGrid{grid-template-columns:1fr}.appCard{min-height:300px}.hubIntro h1,.appSlotHero h1{font-size:clamp(44px,16vw,76px)}.userArea{gap:10px}.userMeta{display:none}}@media(max-width:560px){.landingContent{text-align:center}.hubTopbar{align-items:flex-start}.elionWord.small{font-size:34px}.secondaryButton,.profileButton{padding:11px 14px}.userArea{flex-wrap:wrap;justify-content:flex-end}.profileMenu{right:-74px}}