@layer components{.polecenia-temat{--barwa:var(--color-brand-iris);cursor:pointer;background:color-mix(in srgb, var(--raised) 70%, transparent);transition:background-color var(--duration-base) var(--easing-standard), border-color var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard), box-shadow var(--duration-base) var(--easing-standard)}.polecenia-temat:hover{border-color:color-mix(in srgb, var(--barwa) 55%, transparent);transform:translateY(calc(var(--distance-nudge) * -1))}.polecenia-temat[aria-pressed=true]{border-color:color-mix(in srgb, var(--barwa) 70%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--barwa) 20%, var(--raised)), var(--raised) 75%);box-shadow:0 10px 30px -18px var(--barwa)}.polecenia-temat-ikona{color:var(--barwa);background:color-mix(in srgb, var(--barwa) 14%, transparent);transition:transform var(--duration-base) var(--easing-standard)}.polecenia-temat:hover .polecenia-temat-ikona,.polecenia-temat[aria-pressed=true] .polecenia-temat-ikona{transform:scale(1.08)rotate(-6deg)}.polecenia-temat-postep>span{background:var(--line);transition:background-color var(--duration-base) var(--easing-standard)}.polecenia-temat-postep>span[data-stan=gotowe],.polecenia-temat-postep>span[data-stan=trwa]{background:var(--barwa)}.polecenia-temat-postep>span[data-stan=trwa]{animation:polecenia-puls calc(var(--duration-ambient,4s) / 3) var(--easing-standard) infinite}@keyframes polecenia-puls{50%{opacity:.45}}.polecenia-przyklad{cursor:pointer;background:color-mix(in srgb, var(--raised) 60%, transparent);transition:border-color var(--duration-base) var(--easing-standard), background-color var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard)}.polecenia-przyklad:hover{border-color:color-mix(in srgb, var(--barwa) 50%, transparent);transform:translateX(var(--distance-nudge))}.polecenia-przyklad[aria-pressed=true]{border-color:color-mix(in srgb, var(--barwa) 65%, transparent);background:color-mix(in srgb, var(--barwa) 10%, var(--raised))}.polecenia-przyklad-numer{color:var(--muted)}.polecenia-przyklad-strzalka{color:var(--barwa);opacity:.4;transition:opacity var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard)}.polecenia-przyklad:hover .polecenia-przyklad-strzalka,.polecenia-przyklad[aria-pressed=true] .polecenia-przyklad-strzalka{opacity:1;transform:translateX(var(--distance-small,4px))}.polecenia-okno{--barwa:var(--color-brand-iris);isolation:isolate;border:var(--border-width-thin) solid var(--line);border-radius:var(--radius-2xl,1.5rem);background:color-mix(in srgb, var(--raised) 85%, transparent);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:0 30px 80px -40px color-mix(in srgb, var(--barwa) 60%, transparent);transition:border-color var(--duration-slow) var(--easing-standard), box-shadow var(--duration-slow) var(--easing-standard);position:relative;overflow:hidden}.polecenia-okno:hover{border-color:color-mix(in srgb, var(--barwa) 45%, transparent)}.polecenia-poswiata{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--barwa) 30%, transparent), transparent 65%);filter:blur(30px);pointer-events:none;inline-size:70%;transition:background var(--duration-slow) var(--easing-standard);animation:funkcje-unoszenie calc(var(--duration-ambient,4s) * 3) var(--easing-standard) infinite alternate;border-radius:50%;position:absolute;inset:-30% -20% auto auto}.polecenia-temat-znak{color:var(--barwa);background:color-mix(in srgb, var(--barwa) 14%, transparent)}.polecenia-rozmowa{min-block-size:19rem}.polecenia-dymek{animation:polecenia-wejscie var(--duration-base) var(--easing-enter) both}.polecenia-odpowiedz{animation:polecenia-wejscie var(--duration-base) var(--easing-enter) both;animation-delay:calc(var(--duration-base) / 2)}.polecenia-wynik{border-color:color-mix(in srgb, var(--barwa) 55%, transparent);background:color-mix(in srgb, var(--barwa) 10%, var(--raised));animation:polecenia-wynik var(--duration-slow) var(--easing-enter) both}.polecenia-wynik-ikona{color:var(--barwa);background:color-mix(in srgb, var(--barwa) 18%, transparent)}.polecenia-wynik-pobierz{color:var(--on-accent);background:color-mix(in srgb, var(--barwa) 65%, var(--color-neutral-950))}@keyframes polecenia-wejscie{0%{opacity:0;transform:translateY(var(--distance-small,4px))}}@keyframes polecenia-wynik{0%{opacity:0;transform:translateY(var(--distance-medium,8px)) scale(.97)}}.polecenia-krok{transition:opacity var(--duration-base) var(--easing-standard)}.polecenia-krok[data-stan=czeka]{opacity:.55}.polecenia-krok-znak{border:var(--border-width-thin) solid var(--line);transition:background-color var(--duration-base) var(--easing-standard), border-color var(--duration-base) var(--easing-standard)}.polecenia-krok[data-stan=gotowy] .polecenia-krok-znak{color:var(--app);background:var(--barwa);border-color:var(--barwa)}.polecenia-krecenie{border:2px solid var(--line);border-top-color:var(--barwa);animation:.9s linear infinite funkcje-obrot}.polecenia-kursor{vertical-align:text-bottom;background:var(--barwa);block-size:1.1em;inline-size:2px;margin-inline-start:1px;animation:1s step-end infinite polecenia-miganie;display:inline-block}@keyframes polecenia-miganie{50%{opacity:0}}.polecenia-wyslij{color:var(--muted);background:var(--raised);transition:background-color var(--duration-base) var(--easing-standard), color var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard)}.polecenia-wyslij[data-gotowy=true]{color:var(--on-accent);background:var(--accent-fill);transform:scale(1.06)}.polecenia-sterowanie{cursor:pointer;transition:color var(--duration-base) var(--easing-standard), border-color var(--duration-base) var(--easing-standard)}.polecenia-sterowanie:hover{color:var(--fg);border-color:var(--line-strong)}.hero-postep-segment>span{background-color:var(--line-strong);transition:background-color var(--duration-base) var(--easing-standard)}.hero-postep-segment[data-miniony=true]>span{background-color:color-mix(in srgb, var(--fg) 55%, transparent)}.hero-postep-segment:hover>span{background-color:var(--muted)}.hero-postep-wypelnienie{background:linear-gradient(90deg, var(--color-brand-apricot), var(--color-brand-rose), var(--color-brand-iris));transform-origin:0;animation:hero-postep var(--czas-wariantu) linear both}.hero-postep[data-wstrzymany=true] .hero-postep-wypelnienie{animation-play-state:paused}.hero-odznaka{border:var(--border-width-thin) solid var(--line);background:color-mix(in srgb, var(--raised) 40%, transparent);color:var(--muted);transition:border-color var(--duration-base) var(--easing-standard), background-color var(--duration-base) var(--easing-standard), color var(--duration-base) var(--easing-standard);border-radius:9999px;align-items:center;gap:.4rem;padding:.375rem .75rem;font-size:.8125rem;line-height:1.25rem;display:inline-flex}a.hero-odznaka:hover,a.hero-odznaka:focus-visible{color:var(--fg);border-color:var(--line-strong);background:color-mix(in srgb, var(--raised) 75%, transparent)}.scena-hero:before{content:"";z-index:-1;pointer-events:none;border-radius:var(--radius-xl);background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--color-brand-iris) 32%, transparent), transparent 70%);filter:blur(48px);opacity:.55;transition:opacity var(--duration-slow) var(--easing-standard);position:absolute;inset:8% 6% -6%}.scena-hero:hover:before{opacity:.9}@media (width>=80rem){.kroki-siatka:before{content:"";background:linear-gradient(to right, var(--color-brand-apricot), var(--color-brand-rose), var(--color-brand-iris), var(--color-brand-sky));opacity:.8;transform-origin:0;height:2px;transition:transform calc(var(--duration-slower) * 2) var(--easing-emphasized);transition-delay:var(--duration-base);border-radius:9999px;position:absolute;top:3.125rem;left:3.125rem;right:calc(25% - 1rem)}.kroki-siatka[data-widoczny=false]:before{transform:scaleX(0)}}.krok-karta:hover,.krok-karta:focus-within{border-color:color-mix(in srgb, var(--color-brand-rose) 45%, transparent);background:color-mix(in srgb, var(--raised) 88%, transparent)}.krok-numer{background:var(--accent-soft);color:var(--accent-hover);transition:transform var(--duration-slow) var(--easing-emphasized), box-shadow var(--duration-base) var(--easing-standard), color var(--duration-base) var(--easing-standard), background var(--duration-base) var(--easing-standard)}.krok-karta:hover .krok-numer{color:var(--color-white,#fff);background:linear-gradient(135deg, var(--color-brand-apricot), var(--color-brand-rose) 45%, var(--color-brand-iris));box-shadow:0 0 0 5px color-mix(in srgb, var(--color-brand-rose) 16%, transparent), 0 0 28px color-mix(in srgb, var(--color-brand-rose) 55%, transparent)}.krok-znacznik{color:var(--subtle);transition:color var(--duration-base) var(--easing-standard)}.krok-karta:hover .krok-znacznik{color:var(--muted)}@media (prefers-reduced-motion:no-preference){.krok-karta:hover .krok-numer{transform:scale(1.1)}}}@media (prefers-reduced-motion:reduce){.polecenia-poswiata,.polecenia-kursor,.polecenia-krecenie,.polecenia-dymek,.polecenia-odpowiedz,.polecenia-wynik,.polecenia-temat-postep>span[data-stan=trwa]{animation:none}.polecenia-temat:hover,.polecenia-przyklad:hover{transform:none}}@keyframes hero-postep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root[data-prerender] .landing .wejscie,:root[data-prerender] .landing .wejscie-slowo,:root[data-prerender] .landing .luk-rysuje,:root[data-prerender] .landing .ui-widok{animation:none}:root[data-prerender] .landing .punkt-opada{animation:punkt-oddycha var(--duration-ambient) var(--easing-standard) infinite}