:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#0a0a1a;--bg-mid:#14102b;--text-primary:#f5f3ff;--text-muted:#f5f3ffad;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text-primary);background:radial-gradient(1200px 600px at 15% -10%, #7c3aed59, transparent 60%), radial-gradient(1000px 500px at 90% 0%, #ec489938, transparent 55%), radial-gradient(900px 700px at 50% 110%, #22d3ee2e, transparent 60%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-mid) 100%);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::selection{background:#a78bfa66}button{font-family:inherit}.hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:5rem 1.5rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) both hero-in;display:flex}.hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.85rem;animation:4s ease-in-out infinite float;display:inline-flex}.hero__title{background:linear-gradient(100deg,#ffd93d 0%,#ff6bcb 35%,#a78bfa 65%,#6ee7ff 100%) 0 0/200%;color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;max-width:20ch;margin:0;font-size:clamp(2rem,5.5vw,3.6rem);font-weight:800;line-height:1.15;animation:6s linear infinite shine}.hero__subtitle{max-width:46ch;color:var(--text-muted);margin:0;font-size:1.05rem}.hero__hint{color:#f5f3ff73;letter-spacing:.02em;margin:.75rem 0 0;font-size:.85rem}.hero__hint:before{content:"✦ "}.hero__hint:after{content:" ✦"}@keyframes shine{to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.update-card{--accent-a:#a78bfa;--accent-b:#7c3aed;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;color:var(--text-primary);cursor:pointer;isolation:isolate;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;padding:1.2rem 1.5rem 1.4rem;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;animation:.6s cubic-bezier(.16,1,.3,1) both card-in;display:flex;position:relative;overflow:hidden}.update-card:hover{border-color:#ffffff38;transform:translateY(-4px)}.update-card.is-open{border-color:color-mix(in srgb, var(--accent-a) 55%, transparent);box-shadow:0 18px 45px -20px color-mix(in srgb, var(--accent-a) 65%, transparent);cursor:default;justify-content:flex-start}.update-card--violet{--accent-a:#a78bfa;--accent-b:#7c3aed}.update-card--gold{--accent-a:#ffd93d;--accent-b:#ff9f43}.update-card--teal{--accent-a:#4ecdc4;--accent-b:#22d3ee}.update-card--rose{--accent-a:#ff8fd9;--accent-b:#ff6bcb}.update-card--blue{--accent-a:#6ee7ff;--accent-b:#4f8dff}.update-card--green{--accent-a:#8affc1;--accent-b:#22c55e}.update-card__glow{background:radial-gradient(circle, var(--accent-a), transparent 70%);opacity:.18;filter:blur(10px);z-index:-1;pointer-events:none;width:220px;height:220px;transition:opacity .4s,transform .6s;position:absolute;inset:-40% -20% auto auto}.update-card:hover .update-card__glow{opacity:.32;transform:scale(1.1)}.update-card.is-open .update-card__glow{opacity:.48}.update-card__gift-zone{grid-template-rows:1fr;transition:grid-template-rows 1.1s cubic-bezier(.65,0,.35,1);display:grid}.update-card.is-open .update-card__gift-zone{grid-template-rows:0fr}.update-card__gift-zone-inner{justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.gift-box{width:96px;height:92px;margin:1.7rem 0 2rem;transition:transform .3s;animation:3.6s ease-in-out infinite gift-float;position:relative}.update-card:hover .gift-box{animation:none;transform:scale(1.08)rotate(-2deg)}.update-card.is-open .gift-box{animation:none}.gift-box__shadow{background:radial-gradient(closest-side,#0006,#0000);border-radius:50%;width:64px;height:14px;margin-left:-32px;transition:opacity .6s .5s,transform .6s .5s;position:absolute;bottom:-6px;left:50%}.update-card.is-open .gift-box__shadow{opacity:0;transform:scale(.5)}.gift-box__base{background:linear-gradient(155deg, var(--accent-a), var(--accent-b));height:62px;box-shadow:inset 0 -12px 18px -8px #00000059, 0 12px 24px -14px color-mix(in srgb, var(--accent-b) 75%, transparent);border-radius:8px 8px 12px 12px;transition:transform .7s cubic-bezier(.34,1.56,.56,1) .5s,opacity .6s .5s;position:absolute;bottom:0;left:4px;right:4px;overflow:hidden}.update-card.is-open .gift-box__base{opacity:0;transform:scale(.75)translateY(10px)}.gift-box__ribbon-h{mix-blend-mode:overlay;opacity:.9;background:linear-gradient(#ffffff8c,#ffffff26);height:14px;margin-top:-7px;position:absolute;top:50%;left:0;right:0}.gift-box__lid{background:linear-gradient(155deg, color-mix(in srgb, var(--accent-a) 88%, white 12%), var(--accent-a));transform-origin:50% 100%;z-index:2;border-radius:8px;height:22px;transition:transform .85s cubic-bezier(.34,1.56,.56,1) .25s,opacity .6s .25s;position:absolute;top:22px;left:-3px;right:-3px;overflow:hidden;box-shadow:0 6px 14px -6px #0006}.update-card.is-open .gift-box__lid{opacity:0;transform:translateY(-46px)rotate(-28deg)}.gift-box__ribbon-v{mix-blend-mode:overlay;opacity:.9;background:linear-gradient(#ffffff8c,#ffffff26);width:16px;margin-left:-8px;position:absolute;top:-70px;bottom:-70px;left:50%}.gift-box__bow{z-index:3;width:46px;height:28px;transition:transform .65s cubic-bezier(.34,1.56,.56,1),opacity .5s;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.update-card.is-open .gift-box__bow{opacity:0;transform:translate(-50%,-40px)scale(.4)rotate(35deg)}.gift-box__bow-loop{background:linear-gradient(155deg, color-mix(in srgb, var(--accent-a) 85%, white 15%), var(--accent-b));width:22px;height:20px;position:absolute;top:4px;box-shadow:0 4px 10px -4px #0006}.gift-box__bow-loop--left{border-radius:60% 60% 8%;left:0;transform:rotate(-32deg)}.gift-box__bow-loop--right{border-radius:60% 60% 60% 8%;right:0;transform:rotate(32deg)}.gift-box__bow-knot{background:var(--accent-a);border-radius:50%;width:13px;height:13px;margin-left:-6.5px;position:absolute;top:9px;left:50%;box-shadow:0 2px 6px #00000059}.update-card__content-zone{grid-template-rows:0fr;transition:grid-template-rows .8s cubic-bezier(.16,1,.3,1) .6s;display:grid}.update-card.is-open .update-card__content-zone{grid-template-rows:1fr}.update-card__content-zone-inner{opacity:0;min-height:0;transition:opacity .6s .75s,transform .6s cubic-bezier(.16,1,.3,1) .75s;overflow:hidden;transform:translateY(10px)}.update-card.is-open .update-card__content-zone-inner{opacity:1;transform:translateY(0)}.update-card__header{align-items:center;gap:.9rem;display:flex}.update-card__icon{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-a) 35%, transparent), color-mix(in srgb, var(--accent-b) 20%, transparent));border:1px solid color-mix(in srgb, var(--accent-a) 40%, transparent);border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.4rem;display:grid}.update-card__heading{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.update-card__tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-a);font-size:.7rem;font-weight:700}.update-card__title{color:var(--text-primary);font-size:1.08rem;font-weight:700}.update-card__teaser{color:var(--text-muted);margin:.9rem 0 0;font-size:.92rem;font-style:italic}.update-card__paragraphs p{color:#f5f3ffe0;margin:0;padding-top:.7rem;font-size:.96rem;line-height:1.6}.update-card__paragraphs p:first-child{padding-top:.9rem}@keyframes card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gift-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1.5deg)}}.page{flex-direction:column;max-width:1080px;margin:0 auto;padding:0 1.5rem 4rem;display:flex}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1rem;display:grid}.page-footer{text-align:center;color:var(--text-muted);margin-top:3.5rem;font-size:.9rem}