@layer theme,base;@layer components{.cf-aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cf-aurora__glow{opacity:.32;border-radius:50%;width:70vmax;height:70vmax;animation:38s ease-in-out infinite alternate cf-aurora-drift;position:absolute}.cf-aurora__glow--violet{background:radial-gradient(closest-side, var(--aurora-violet), transparent);top:-30vmax;left:-20vmax}.cf-aurora__glow--rose{background:radial-gradient(closest-side, var(--aurora-rose), transparent);opacity:.22;animation-delay:-12s;top:30vh;right:-35vmax}.cf-aurora__glow--azure{background:radial-gradient(closest-side, var(--aurora-azure), transparent);animation-delay:-24s;bottom:-40vmax;left:5vw}.cf-aurora__glow--amber{background:radial-gradient(closest-side, var(--aurora-amber), transparent);opacity:.14;width:50vmax;height:50vmax;animation-delay:-6s;top:55vh;left:-35vmax}@keyframes cf-aurora-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.12)}}@media (prefers-reduced-motion:reduce){.cf-aurora__glow{animation:none}}}@layer utilities;
@layer theme,base;@layer components{.cf-button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--size-control);padding:0 var(--space-6);border-radius:var(--radius-full);color:var(--ink);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease-out;display:inline-flex}.cf-button--sm{height:var(--size-control-sm);padding:0 var(--space-4)}.cf-button--block{width:100%;display:flex}.cf-button--primary{background:var(--gradient-pearl);color:var(--on-action);box-shadow:var(--shadow-pearl)}.cf-button--primary.cf-button--sm{box-shadow:inset 0 1px 0 var(--action-hover), 0 6px 14px -6px #0009}.cf-button--primary:hover{filter:brightness(1.05)saturate(1.15)}.cf-button--secondary:hover{background:var(--gradient-lens), var(--glass-shade)}.cf-button--quiet{padding:0 var(--space-3);color:var(--ink-muted)}.cf-button--quiet:hover{color:var(--ink)}.cf-button:active{transform:scale(.97)}.cf-button:focus-visible{outline:var(--stroke-mark) solid var(--focus);outline-offset:2px}.cf-button:disabled{opacity:.42;box-shadow:none;cursor:not-allowed;filter:none;transform:none}.cf-button svg{flex:none}}@layer utilities;