:root{color-scheme:dark;--bg: #0a0a14;--ink: #eef0ff;--muted: #9aa0c4;--violet: #8b7bff;--cyan: #46e0ff;--amber: #ffcf6a;--rose: #ff6f7d;--emerald: #46e0a3;--card: rgba(255, 255, 255, .045);--card-line: rgba(255, 255, 255, .1);--font: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{min-height:100svh;background:var(--bg);color:var(--ink);font-family:var(--font);display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,56px);overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.blob--violet{width:60vmax;height:60vmax;top:-22vmax;left:-16vmax;background:radial-gradient(circle,#6a4bff,transparent 65%);animation:drift 22s ease-in-out infinite}.blob--cyan{width:48vmax;height:48vmax;bottom:-20vmax;right:-12vmax;background:radial-gradient(circle,#1bb6e0,transparent 65%);animation:drift 26s ease-in-out infinite reverse}.blob--amber{width:34vmax;height:34vmax;top:40%;left:55%;background:radial-gradient(circle,#ff9d57,transparent 60%);opacity:.22;animation:drift 30s ease-in-out infinite}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 78%)}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(4vw,-3vh) scale(1.08)}}@media(prefers-reduced-motion:reduce){.blob{animation:none}}.hub{width:min(960px,100%);display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vw,52px)}.brand{text-align:center;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.brand__eyebrow{font-size:clamp(.7rem,2.4vw,.85rem);letter-spacing:.5em;color:var(--muted);margin-left:.5em}.brand__title{margin:10px 0 6px;font-weight:700;line-height:.95;font-size:clamp(2.6rem,12vw,5rem);letter-spacing:.02em;background:linear-gradient(100deg,var(--violet) 0%,var(--cyan) 60%,#bfe9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(120,110,255,.35))}.brand__sub{margin:0;color:var(--muted);letter-spacing:.18em;font-size:clamp(.8rem,3vw,1rem);text-transform:uppercase}.cards{width:100%;display:grid;gap:clamp(16px,3vw,26px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{--accent: var(--violet);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:clamp(22px,4vw,32px);border-radius:22px;text-decoration:none;color:var(--ink);cursor:pointer;background:var(--card);border:1px solid var(--card-line);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.card--burj{--accent: var(--rose);animation-delay:.08s}.card--batak{--accent: var(--emerald);animation-delay:.16s}.card__glow{position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%);transition:opacity .25s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.85}.card:not(.is-soon):hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 26px 60px #0000008c,0 0 40px color-mix(in srgb,var(--accent) 22%,transparent)}.card:not(.is-soon):hover .card__glow{opacity:1}.card:not(.is-soon):active{transform:translateY(-2px) scale(.99)}.card__badge{position:absolute;top:16px;right:16px;font-size:.66rem;font-weight:700;letter-spacing:.18em;padding:5px 10px;border-radius:999px}.card__badge--live{color:#04140d;background:var(--emerald);box-shadow:0 0 18px color-mix(in srgb,var(--emerald) 55%,transparent)}.card__badge--soon{color:var(--muted);background:#ffffff12;border:1px solid var(--card-line)}.card__icon{font-size:clamp(2.4rem,9vw,3.4rem);line-height:1;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.card__name{font-size:clamp(1.4rem,5vw,1.9rem);font-weight:700;letter-spacing:.01em}.card__tag{color:var(--muted);font-size:clamp(.85rem,3vw,.98rem)}.card__cta{margin-top:10px;font-weight:600;font-size:.95rem;letter-spacing:.02em;color:color-mix(in srgb,var(--accent) 80%,white)}.card.is-soon{cursor:default;opacity:.62}.card.is-soon .card__cta{color:var(--muted)}.foot{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.82rem;letter-spacing:.06em}.foot__link{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.foot__link:hover{color:var(--ink);border-color:var(--card-line)}.foot__year:before{content:"· "}.ghostbtn{font-family:var(--font);font-weight:600;font-size:.8rem;letter-spacing:.06em;color:var(--ink);cursor:pointer;padding:8px 16px;border-radius:999px;background:#ffffff0d;border:1px solid var(--card-line);transition:background .15s,border-color .15s}.ghostbtn:hover{background:#ffffff1a;border-color:color-mix(in srgb,var(--violet) 55%,transparent)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}