.cs{--cs-sky:color-mix(in srgb,var(--palette-background-default) 88%,var(--palette-primary-light));--cs-star:color-mix(in srgb,var(--palette-text-primary) 22%,transparent);--cs-nebula:color-mix(in srgb,var(--palette-primary-main) 18%,transparent);--cs-beam:color-mix(in srgb,var(--palette-primary-main) 42%,transparent);--cs-card:color-mix(in srgb,var(--palette-background-paper) 82%,transparent);--cs-line:color-mix(in srgb,var(--palette-primary-main) 28%,var(--palette-divider));position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:center;min-height:min(40rem,72dvh);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-3xl);background:var(--cs-sky);color:var(--palette-text-primary)}.cs--page{min-height:calc(100dvh - var(--header-height, 72px) - env(safe-area-inset-top, 0px));border-radius:0;padding-block:var(--space-3xl)}.cs__nebula,.cs__sky,.cs__stars{position:absolute;inset:0;pointer-events:none}.cs__stars{background-image:radial-gradient(1.2px 1.2px at 8% 16%,var(--cs-star) 50%,transparent 51%),radial-gradient(1px 1px at 18% 68%,var(--cs-star) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 27% 28%,var(--cs-star) 50%,transparent 51%),radial-gradient(1px 1px at 39% 82%,var(--cs-star) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 52% 12%,var(--cs-star) 50%,transparent 51%),radial-gradient(1px 1px at 63% 46%,var(--cs-star) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 74% 22%,var(--cs-star) 50%,transparent 51%),radial-gradient(1px 1px at 81% 74%,var(--cs-star) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 91% 38%,var(--cs-star) 50%,transparent 51%),radial-gradient(1px 1px at 94% 88%,var(--cs-star) 50%,transparent 51%);animation:cs-twinkle 6s ease-in-out infinite}.cs__nebula{background:radial-gradient(ellipse 42% 34% at 78% 42%,var(--cs-nebula),transparent 70%),radial-gradient(ellipse 28% 22% at 18% 72%,color-mix(in srgb,var(--gold-soft) 16%,transparent),transparent 72%);filter:blur(.5rem)}.cs__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(16rem,.95fr);align-items:center;gap:var(--space-2xl);width:min(var(--container-content-max),100%);margin-inline:auto}.cs__copy{display:flex;flex-direction:column;align-items:flex-start;max-width:34rem;padding:var(--space-xl);border:var(--border-thin,1px) solid var(--cs-line);border-radius:var(--radius-3xl);background:var(--cs-card);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.cs__kicker{display:inline-flex;padding:var(--space-2xs) var(--space-sm);border:var(--border-thin,1px) solid var(--cs-line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--palette-primary-main) 10%,transparent);color:var(--palette-primary-main);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase}.cs__kicker,.cs__title{margin:0 0 var(--space-md)}.cs__title{font-size:clamp(2.25rem,6vw,4.25rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.045em;line-height:1.05}.cs__lead{margin:0 0 var(--space-sm);color:var(--palette-text-secondary,var(--text-muted));font-size:var(--font-size-lg);line-height:var(--lh-body,1.55)}.cs__hint{margin:0 0 var(--space-lg);color:var(--palette-primary-main);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.cs__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.cs__btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height-md,2.75rem);padding:var(--button-padding-y,.65rem) var(--button-padding-x,1.15rem);border-radius:var(--radius-pill);font-size:var(--text-button,var(--font-size-sm));font-weight:var(--fw-bold,700);line-height:1;text-decoration:none;transition:transform var(--transition-base,.2s ease),box-shadow var(--transition-base,.2s ease)}.cs__btn:hover{transform:translateY(-1px)}.cs__btn--primary{background:var(--palette-primary-main);color:var(--palette-primary-contrastText,var(--color-white));box-shadow:var(--shadow-lg)}.cs__btn--ghost{border:var(--border-thin,1px) solid var(--cs-line);background:color-mix(in srgb,var(--palette-background-paper) 55%,transparent);color:var(--palette-text-primary)}.cs__status{display:inline-flex;align-items:center;gap:var(--space-xs);margin:var(--space-lg) 0 0;color:var(--palette-text-secondary,var(--text-muted));font-size:var(--font-size-xs);letter-spacing:.04em}.cs__status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--palette-primary-main);box-shadow:0 0 0 0 color-mix(in srgb,var(--palette-primary-main) 45%,transparent);animation:cs-pulse 1.8s ease-out infinite}.cs__stage{position:relative;min-height:22rem;display:grid;place-items:center}.cs__craft{position:relative;z-index:2;width:min(22rem,78%);height:auto;animation:cs-float 5.5s ease-in-out infinite;filter:drop-shadow(0 1.5rem 2rem color-mix(in srgb,var(--color-black) 28%,transparent))}.cs__beam{position:absolute;top:62%;left:50%;z-index:1;width:11rem;height:10rem;transform:translateX(-50%);background:linear-gradient(180deg,var(--cs-beam),transparent 78%);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);filter:blur(6px);opacity:.75;animation:cs-beam 3.4s ease-in-out infinite}.cs__glow{position:absolute;inset:18% 12% 8%;z-index:0;background:radial-gradient(circle at 50% 48%,var(--cs-nebula),transparent 62%);filter:blur(1.25rem)}.cs__ring{width:16rem;height:16rem;border:1px dashed color-mix(in srgb,var(--palette-primary-main) 35%,transparent);animation:cs-spin 28s linear infinite}.cs__planet,.cs__ring{position:absolute;border-radius:50%}.cs__planet{animation:cs-orb 7s ease-in-out infinite}.cs__planet--a{top:8%;right:12%;width:1.15rem;height:1.15rem;background:radial-gradient(circle at 30% 30%,#9ee7ff,#3b82f6);box-shadow:0 0 .8rem #60a5fa}.cs__planet--b{top:22%;left:10%;width:.7rem;height:.7rem;background:radial-gradient(circle at 30% 30%,var(--gold-light),var(--gold-deep));box-shadow:0 0 .7rem var(--gold-mid);animation-delay:-2s}.cs__planet--c{bottom:18%;right:18%;width:.85rem;height:.85rem;background:radial-gradient(circle at 30% 30%,#e0f2fe,#64748b);box-shadow:0 0 .6rem #94a3b8;animation-delay:-3.6s}[data-lb-theme=dark] .cs{--cs-sky:color-mix(in srgb,#070b14 88%,var(--palette-background-default));--cs-star:color-mix(in srgb,var(--color-white) 58%,transparent);--cs-nebula:color-mix(in srgb,var(--palette-primary-main) 26%,transparent);--cs-card:color-mix(in srgb,var(--palette-background-paper) 42%,transparent);--cs-line:color-mix(in srgb,var(--color-white) 14%,var(--palette-primary-main) 18%)}@keyframes cs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.7rem)}}@keyframes cs-beam{0%,to{opacity:.42}50%{opacity:.88}}@keyframes cs-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-.4rem)}}@keyframes cs-spin{to{transform:rotate(1turn)}}@keyframes cs-twinkle{50%{opacity:.55}}@keyframes cs-pulse{70%{box-shadow:0 0 0 .55rem transparent}}@media (max-width:900px){.cs{min-height:min(38rem,78dvh);padding:var(--space-xl) var(--space-md);border-radius:var(--radius-2xl)}.cs--page{min-height:calc(100svh - env(safe-area-inset-top, 0px) - var(--csl-header-spacer-height, var(--header-height-mobile, 56px)));border-radius:0}.cs__layout{grid-template-columns:1fr;gap:var(--space-lg)}.cs__stage{order:-1;min-height:16rem}.cs__craft{width:min(16.5rem,70%)}.cs__ring{width:12rem;height:12rem}.cs__copy{max-width:none;padding:var(--space-lg);text-align:start}.cs__title{font-size:clamp(2rem,10vw,2.75rem)}.cs__lead{font-size:var(--font-size-md,1rem)}.cs__actions{width:100%}.cs__btn{flex:1 1 auto}}@media (prefers-reduced-motion:reduce){.cs__beam,.cs__craft,.cs__planet,.cs__ring,.cs__stars,.cs__status-dot{animation:none}}