main.container-wide:has(ol.rawaj-surface){position:relative}main.container-wide:has(ol.rawaj-surface):before{content:none}main.container-wide:has(ol.rawaj-surface)>.mb-4:first-child{margin-bottom:1rem}main.container-wide:has(ol.rawaj-surface)>.mb-4:first-child a{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:var(--card);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface{border:1px solid color-mix(in srgb, var(--border) 76%, transparent);border-radius:var(--rawaj-radius-surface);background:color-mix(in srgb, var(--card) 96%, var(--muted-surface));color:var(--foreground);box-shadow:var(--rawaj-shadow-soft);margin-bottom:1.25rem;position:relative}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 34%, transparent), transparent);pointer-events:none;inset-inline:2rem;height:1px;position:absolute;bottom:0}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li{z-index:1;min-height:3.25rem;transition:background-color var(--rawaj-motion-fast) ease, color var(--rawaj-motion-fast) ease, transform var(--rawaj-motion-fast) ease}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li:not([aria-current=step]){color:var(--muted-foreground)}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li[aria-current=step]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--card)), color-mix(in srgb, var(--brand-orange) 8%, var(--card)));color:var(--foreground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 14%, var(--border));transform:translateY(-1px)}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li[aria-current=step] span span:first-child{background:var(--primary);color:var(--primary-foreground);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 18%, transparent)}:is(main.container-wide:has(ol.rawaj-surface) section.rawaj-surface,main.container-wide:has(ol.rawaj-surface) div.rawaj-surface){border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--rawaj-radius-surface);background:var(--card);box-shadow:var(--rawaj-shadow-soft);position:relative;overflow:hidden}main.container-wide:has(ol.rawaj-surface) section.rawaj-surface:before{content:"";background:linear-gradient(var(--brand-orange), var(--gold));opacity:.72;inset-inline-start:0;border-radius:999px;width:3px;position:absolute;top:1.25rem;bottom:1.25rem}main.container-wide:has(ol.rawaj-surface) .input{min-height:var(--rawaj-touch-target);border-color:color-mix(in srgb, var(--border) 80%, transparent);background:var(--card);transition:border-color var(--rawaj-motion-fast) ease, box-shadow var(--rawaj-motion-fast) ease, background-color var(--rawaj-motion-fast) ease;box-shadow:inset 0 1px #ffffff85}main.container-wide:has(ol.rawaj-surface) .input:hover{border-color:color-mix(in srgb, var(--primary) 18%, var(--border))}main.container-wide:has(ol.rawaj-surface) .input:focus{border-color:color-mix(in srgb, var(--brand-orange) 52%, var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-orange) 13%, transparent)}main.container-wide:has(ol.rawaj-surface) button[type=button][class*=min-h-14]{border-color:color-mix(in srgb, var(--border) 80%, transparent);background:var(--card);box-shadow:none;transition:border-color var(--rawaj-motion-fast) ease, background-color var(--rawaj-motion-fast) ease, transform var(--rawaj-motion-fast) ease;position:relative;overflow:hidden}main.container-wide:has(ol.rawaj-surface) button[type=button][class*=min-h-14]:hover{border-color:color-mix(in srgb, var(--brand-orange) 28%, var(--border));transform:translateY(-1px)}main.container-wide:has(ol.rawaj-surface) button[type=button][class*=bg-primary]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 18%, transparent)}main.container-wide:has(ol.rawaj-surface) label.group[for]{border-color:color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--card) 97%, var(--muted-surface));box-shadow:none;transition:border-color var(--rawaj-motion-fast) ease, background-color var(--rawaj-motion-fast) ease, transform var(--rawaj-motion-fast) ease}main.container-wide:has(ol.rawaj-surface) label.group.flex.cursor-pointer{border-color:color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--card) 97%, var(--muted-surface));box-shadow:none;transition:border-color var(--rawaj-motion-fast) ease, background-color var(--rawaj-motion-fast) ease, transform var(--rawaj-motion-fast) ease}main.container-wide:has(ol.rawaj-surface) label.group[for]:hover{border-color:color-mix(in srgb, var(--brand-orange) 32%, var(--border));background:var(--card);transform:translateY(-1px)}main.container-wide:has(ol.rawaj-surface) label.group.flex.cursor-pointer:hover{border-color:color-mix(in srgb, var(--brand-orange) 32%, var(--border));background:var(--card);transform:translateY(-1px)}main.container-wide:has(ol.rawaj-surface) aside>.rawaj-surface:first-child{border-color:color-mix(in srgb, var(--border) 78%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 5%, var(--card)), var(--card) 62%);color:var(--foreground);box-shadow:var(--rawaj-shadow-soft)}main.container-wide:has(ol.rawaj-surface) aside>.rawaj-surface:first-child h3{color:var(--primary)}main.container-wide:has(ol.rawaj-surface) aside>.rawaj-surface:first-child .text-primary{color:var(--primary)}main.container-wide:has(ol.rawaj-surface) aside>.rawaj-surface:first-child .bg-card-warm{background:color-mix(in srgb, var(--card-warm) 88%, var(--card))}main.container-wide:has(ol.rawaj-surface) aside>.rawaj-surface:first-child .from-brand-orange{box-shadow:none}main.container-wide:has(ol.rawaj-surface) .sticky.bottom-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\)\]{border-color:color-mix(in srgb, var(--border) 76%, transparent);background:color-mix(in srgb, var(--card) 96%, transparent);box-shadow:0 -14px 36px color-mix(in srgb, var(--primary) 10%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}@media (width>=1024px){main.container-wide:has(ol.rawaj-surface) aside{align-self:start;position:sticky;top:6rem}}@media (width<=639px){main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface{border-radius:var(--rawaj-radius-surface);box-shadow:none;margin-inline:-.25rem}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li{min-height:3rem}main.container-wide:has(ol.rawaj-surface) section.rawaj-surface:before{width:2px;top:1rem;bottom:1rem}}@media (prefers-reduced-motion:reduce){main.container-wide:has(ol.rawaj-surface) .input{transition:none}main.container-wide:has(ol.rawaj-surface)>ol.rawaj-surface li{transition:none}main.container-wide:has(ol.rawaj-surface) button[type=button][class*=min-h-14]{transition:none}main.container-wide:has(ol.rawaj-surface) label.group[for]{transition:none}main.container-wide:has(ol.rawaj-surface) label.group.flex.cursor-pointer{transition:none}}
