@layer theme, base, components, utilities;@layer components{.guide-page{--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-countdown .cd-grid{max-width:480px;margin:0 auto}@media (min-width: 768px){.g-countdown .cd-grid{max-width:560px}}.g-countdown .cd-cell{position:relative;overflow:hidden;flex:1 1 0;min-width:0;padding:14px 6px 12px;border-radius:var(--corner-md);color:var(--color-brand-content);background:radial-gradient(120% 140% at 90% -12%,color-mix(in oklab,var(--raw-lime) 16%,transparent) 0%,transparent 46%),radial-gradient(100% 130% at 0% 112%,color-mix(in oklab,var(--raw-purple-bright) 42%,transparent) 0%,transparent 56%),var(--grad-purple);border:1px solid color-mix(in oklab,var(--raw-white) 14%,transparent);box-shadow:0 12px 28px color-mix(in oklab,var(--raw-purple-deep) 24%,transparent)}@media (min-width: 768px){.g-countdown .cd-cell{padding:24px 16px 16px}}.g-countdown .cd-cell:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:4px;border-radius:0 0 var(--corner-xs) var(--corner-xs);background:var(--color-cta)}.g-countdown .cd-value{font-size:clamp(1.375rem,6vw,2.5rem);font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight-20);color:var(--color-cta);line-height:var(--lh-solid)}.g-countdown .cd-label{font-size:var(--type-caption);letter-spacing:var(--ls-wide-30);text-transform:uppercase;text-align:center;color:var(--lavender-tint)}.g-countdown .cd-expired{text-align:center;font-size:var(--type-heading);font-weight:var(--fw-bold);color:var(--danger-deep)}.g-countdown .cd-cta{margin-top:var(--s-8)}.g-countdown.cd-floating{position:relative;z-index:2;padding:0}.g-countdown .cd-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;background:var(--raw-white);border:1px solid var(--color-border-subtle);border-radius:var(--corner-lg);padding:24px 32px;margin-top:-30px;box-shadow:0 18px 44px color-mix(in oklab,var(--raw-purple-deep) 10%,transparent)}.g-countdown .cd-card-txt b{display:block;font-size:var(--type-body);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-20);color:var(--color-fg)}.g-countdown .cd-card-txt span{font-size:var(--type-body-sm);color:var(--color-muted)}.g-countdown .cd-card-grid .cd-cell{min-width:56px;padding:0;border:none;box-shadow:none;background:none}.g-countdown .cd-card-grid .cd-cell:after{display:none}.g-countdown .cd-card-grid .cd-value{display:block;color:var(--color-brand);background:var(--color-border-subtle);border-radius:var(--corner-md);padding:12px 6px}.g-countdown .cd-card-grid .cd-label{color:var(--color-muted-soft);margin-top:var(--s-1)}.g-countdown .cd-sep{font-size:22px;font-weight:var(--fw-heavy);color:var(--raw-lavender);margin-top:-18px}@media (max-width: 640px){.g-countdown .cd-card{padding:16px;margin-top:-24px;flex-direction:column;align-items:stretch;gap:16px}.g-countdown .cd-card-grid{justify-content:space-between}.g-countdown .cd-card-grid .cd-cell{flex:1;min-width:0}}}