:root {

    --pw-deep: #0F172A;
    --pw-bg: #FFFFFF;
    --pw-bg-2: #F6F8FB;
    --pw-surface: #FFFFFF;
    --pw-surface-2: #F6F8FB;

    --pw-primary: #3538CD;
    --pw-primary-2: #272AA8;
    --pw-violet: #3538CD;

    --pw-accent: #3538CD;
    --pw-accent-2: #272AA8;

    --pw-plum: #3538CD;
    --pw-plum-2: #272AA8;

    --pw-text: #0F172A;
    --pw-muted: #5B6472;
    --pw-line: #E6E9EF;
    --pw-glass: #FFFFFF;

    --pw-ok: #16A34A;
    --pw-warn: #B45309;
    --pw-err: #DC2626;

    --pw-radius: 12px;
    --pw-radius-lg: 16px;
    --pw-radius-pill: 999px;

    --pw-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -16px rgba(15, 23, 42, .12);
    --pw-glow: 0 6px 18px -10px rgba(53, 56, 205, .35);

    --pw-accent-ink: #3538CD;
    --pw-primary-ink: #3538CD;
    --pw-ok-ink: #15803D;
    --pw-warn-ink: #B45309;
    --pw-err-ink: #B91C1C;

    --pw-panel: #FFFFFF;
    --pw-nav-bg: #FFFFFF;
    --pw-input-bg: #FFFFFF;
    --pw-card-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px -16px rgba(15, 23, 42, .12);
    --pw-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);
    --pw-shadow-lg: 0 12px 32px -12px rgba(15, 23, 42, .16);
    --pw-ring: 0 0 0 3px rgba(53, 56, 205, .28);

    --pw-font: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --pw-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

    --pw-ease: cubic-bezier(.22, .68, .36, 1);
    --pw-t-fast: .18s var(--pw-ease);
    --pw-t: .28s var(--pw-ease);

    --pw-z-rail: 700;
    --pw-z-scrolltop: 800;
    --pw-z-nav: 900;
    --pw-z-topbar: 901;
    --pw-z-drawer: 1000;

    --pw-topbar-h: 40px;
    --pw-nav-gap: 0px;
    --pw-nav-h: 74px;
    --pw-gutter: 40px;

    --pw-sun-o: 1;
    --pw-moon-o: 0;

    --pw-hero-1: #FFFFFF;
    --pw-hero-2: #F6F8FB;
    --pw-hero-3: #EEF1F7;
    --pw-hero-4: #FFFFFF;

    --pw-star-layer-1: none;
    --pw-star-size-1: 0 0;
    --pw-star-layer-2: none;
    --pw-star-size-2: 0 0;

    color-scheme: light;
}

[data-theme="dark"],
:root.dark {
    --pw-deep: #060B16;
    --pw-bg: #0B1220;
    --pw-bg-2: #0F1728;
    --pw-surface: #111A2B;
    --pw-surface-2: #16213A;

    --pw-primary: #4F52E0;
    --pw-primary-2: #6366F1;
    --pw-violet: #6366F1;

    --pw-accent: #6366F1;
    --pw-accent-2: #818CF8;

    --pw-plum: #4F52E0;
    --pw-plum-2: #6366F1;

    --pw-text: #E6EAF2;
    --pw-muted: #9AA4B5;
    --pw-line: rgba(255, 255, 255, .10);
    --pw-glass: #111A2B;

    --pw-ok: #22C55E;
    --pw-warn: #F59E0B;
    --pw-err: #EF4444;

    --pw-accent-ink: #A5B4FC;
    --pw-primary-ink: #A5B4FC;
    --pw-ok-ink: #4ADE80;
    --pw-warn-ink: #FBBF24;
    --pw-err-ink: #F87171;

    --pw-panel: #111A2B;
    --pw-nav-bg: #0B1220;
    --pw-input-bg: #0F1728;
    --pw-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -18px rgba(0, 0, 0, .7);
    --pw-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -18px rgba(0, 0, 0, .7);
    --pw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --pw-shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .75);
    --pw-glow: 0 6px 18px -10px rgba(99, 102, 241, .5);
    --pw-ring: 0 0 0 3px rgba(99, 102, 241, .4);

    --pw-hero-1: #0B1220;
    --pw-hero-2: #0F1728;
    --pw-hero-3: #111A2B;
    --pw-hero-4: #0B1220;

    --pw-sun-o: 0;
    --pw-moon-o: 1;

    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --pw-deep: #060B16;
        --pw-bg: #0B1220;
        --pw-bg-2: #0F1728;
        --pw-surface: #111A2B;
        --pw-surface-2: #16213A;

        --pw-primary: #4F52E0;
        --pw-primary-2: #6366F1;
        --pw-violet: #6366F1;

        --pw-accent: #6366F1;
        --pw-accent-2: #818CF8;

        --pw-plum: #4F52E0;
        --pw-plum-2: #6366F1;

        --pw-text: #E6EAF2;
        --pw-muted: #9AA4B5;
        --pw-line: rgba(255, 255, 255, .10);
        --pw-glass: #111A2B;

        --pw-ok: #22C55E;
        --pw-warn: #F59E0B;
        --pw-err: #EF4444;

        --pw-accent-ink: #A5B4FC;
        --pw-primary-ink: #A5B4FC;
        --pw-ok-ink: #4ADE80;
        --pw-warn-ink: #FBBF24;
        --pw-err-ink: #F87171;

        --pw-panel: #111A2B;
        --pw-nav-bg: #0B1220;
        --pw-input-bg: #0F1728;
        --pw-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -18px rgba(0, 0, 0, .7);
        --pw-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -18px rgba(0, 0, 0, .7);
        --pw-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
        --pw-shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .75);
        --pw-glow: 0 6px 18px -10px rgba(99, 102, 241, .5);
        --pw-ring: 0 0 0 3px rgba(99, 102, 241, .4);

        --pw-hero-1: #0B1220;
        --pw-hero-2: #0F1728;
        --pw-hero-3: #111A2B;
        --pw-hero-4: #0B1220;

        --pw-sun-o: 0;
        --pw-moon-o: 1;

        color-scheme: dark;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;

    overflow-x: clip;
}

body {
    margin: 0;
    font-family: var(--pw-font);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--pw-text);
    background-color: var(--pw-bg);
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    line-height: 1.2;
    letter-spacing: -.02em;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

a {
    color: var(--pw-primary-ink);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

hr {
    border: 0;
    border-top: 1px solid var(--pw-line);
}

::selection {
    background: rgba(53, 56, 205, .45);
    color: #FFFFFF;
}

:focus-visible {
    outline: 2px solid var(--pw-primary-2);
    outline-offset: 3px;
    border-radius: 6px;
}

:focus:not(:focus-visible) {
    outline: none;
}

[hidden] {
    display: none !important;
}

.pw-scroll-thin {
    scrollbar-width: thin;
    scrollbar-color: var(--pw-primary) transparent;
}

.pw-scroll-thin::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.pw-scroll-thin::-webkit-scrollbar-thumb {
    background: var(--pw-primary);
    border-radius: 999px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

.pw-on-dark,
.pw-footer,
.pw-cta,
.pw-auth__aside {
    --pw-text: #E6EAF2;
    --pw-muted: #9AA4B5;
    --pw-line: rgba(255, 255, 255, .12);
    --pw-glass: #16213A;
    --pw-surface: #111A2B;
    --pw-surface-2: #16213A;
    --pw-panel: #0F1728;
    --pw-input-bg: #16213A;
    --pw-accent-ink: #A5B4FC;
    --pw-primary-ink: #A5B4FC;
    --pw-ok-ink: #4ADE80;
    --pw-warn-ink: #FBBF24;
    --pw-err-ink: #F87171;
    --pw-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px -18px rgba(0, 0, 0, .7);
    color-scheme: dark;
    color: var(--pw-text);
}

.pw-topbar {
    position: relative;
    z-index: var(--pw-z-topbar);
    height: var(--pw-topbar-h);
    background: var(--pw-deep);
    color: #CBD5E1;
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    --pw-line: rgba(255, 255, 255, .14);
    --pw-panel: #0F1728;
    --pw-text: #F1F5F9;
    --pw-muted: #CBD5E1;
}

.pw-topbar__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--pw-topbar-h);
}

.pw-topbar__side {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    min-width: 0;
}

.pw-topbar__side--end {
    margin-left: auto;
}

.pw-topbar__mid {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.pw-topbar__marquee {
    display: inline-flex;
    align-items: center;
    gap: 56px;
    white-space: nowrap;
    will-change: transform;
    animation: pw-marquee 28s linear infinite;
}

.pw-topbar__mid:hover .pw-topbar__marquee,
.pw-topbar__marquee:hover,
.pw-topbar__marquee:focus-within {
    animation-play-state: paused;
}

.pw-topbar__marquee b {
    color: var(--pw-accent);
    font-weight: 800;
}

.pw-topbar__marquee a {
    color: #FFFFFF;
    text-decoration: underline;
}

@keyframes pw-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

.pw-topbar__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
    padding: 7px 11px;
    border-radius: 999px;
    white-space: nowrap;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-topbar__link:hover {
    background: rgba(255, 255, 255, .10);
    color: #FFFFFF;
}

.pw-topbar__link--strong {
    font-weight: 700;
    color: #FFFFFF;
}

.pw-topbar__sep {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, .16);
    flex: 0 0 auto;
    margin: 0 4px;
}

.pw-topbar__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CFC2F2' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 11px 11px;
    color: inherit;
    font: inherit;
    padding: 7px 24px 7px 10px;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color var(--pw-t-fast);
}

.pw-topbar__select:hover {
    background-color: rgba(255, 255, 255, .10);
}

.pw-topbar__select option {
    background: #0F1728;
    color: #F2EDFF;
}

.pw-drop {
    position: relative;
    flex: 0 0 auto;
}

.pw-drop__btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 7px 11px;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--pw-t-fast);
}

.pw-drop__btn:hover,
.pw-drop__btn[aria-expanded="true"] {
    background: rgba(255, 255, 255, .10);
}

.pw-drop__btn svg {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    transition: transform var(--pw-t);
}

.pw-drop__btn[aria-expanded="true"] .pw-drop__caret {
    transform: rotate(180deg);
}

.pw-drop__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 186px;
    max-height: 320px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 6px;
    background: var(--pw-panel);
    border: 1px solid var(--pw-line);
    border-radius: 16px;
    box-shadow: var(--pw-shadow-lg);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity var(--pw-t-fast), transform var(--pw-t-fast), visibility var(--pw-t-fast);
    z-index: 40;
}

.pw-drop__menu--left {
    right: auto;
    left: 0;
}

.pw-drop.is-open > .pw-drop__menu,
.pw-drop__btn[aria-expanded="true"] + .pw-drop__menu {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
}

.pw-drop__item {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--pw-text);
    font: inherit;
    font-size: 13.5px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-drop__item:hover {
    background: rgba(53, 56, 205, .18);
}

.pw-drop__item.is-active {
    color: var(--pw-primary-ink);
    font-weight: 700;
}

.pw-drop__flag {
    width: 20px;
    height: 14px;
    border-radius: 3px;
    flex: 0 0 auto;
    object-fit: cover;
}

.pw-drop__sep {
    height: 1px;
    margin: 5px 8px;
    background: var(--pw-line);
}

.pw-theme-switch {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    background: var(--pw-glass);
    color: inherit;
    cursor: pointer;
    transition: background-color var(--pw-t-fast), transform var(--pw-t), border-color var(--pw-t-fast);
}

.pw-theme-switch:hover {
    background: rgba(255, 255, 255, .16);
    transform: rotate(-14deg);
}

.pw-theme-switch__sun,
.pw-theme-switch__moon {
    grid-area: 1 / 1;
    width: 16px;
    height: 16px;
    transition: opacity var(--pw-t), transform .38s var(--pw-ease);
}

.pw-theme-switch__sun {
    opacity: var(--pw-sun-o);
    transform: rotate(calc(-90deg * var(--pw-moon-o))) scale(calc(.55 + .45 * var(--pw-sun-o)));
}

.pw-theme-switch__moon {
    opacity: var(--pw-moon-o);
    transform: rotate(calc(90deg * var(--pw-sun-o))) scale(calc(.55 + .45 * var(--pw-moon-o)));
}

.pw-nav {
    position: sticky;
    top: 0;
    z-index: var(--pw-z-nav);
    margin-top: 0;
    padding: 0 var(--pw-gutter);
    background: var(--pw-nav-bg);
    border-bottom: 1px solid var(--pw-line);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    pointer-events: auto;
    transition: box-shadow .28s var(--pw-ease);
}

.pw-nav__pill {
    pointer-events: auto;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: padding .28s var(--pw-ease);
}

.pw-nav.is-stuck {
    box-shadow: 0 4px 16px -8px rgba(15, 23, 42, .18);
}

.pw-nav.is-stuck .pw-nav__pill {
    padding: 9px 0;
}

.pw-nav__logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    margin-right: 6px;
    padding: 2px;
    border-radius: 16px;
    color: var(--pw-text);
    font-weight: 800;
    font-size: 18px;
    letter-spacing: -.025em;
    text-decoration: none;
    white-space: nowrap;
}

.pw-nav__logo img,
.pw-nav__logo > svg {
    height: 34px;
    width: auto;
    transition: height .28s var(--pw-ease);
}

.pw-nav.is-stuck .pw-nav__logo img,
.pw-nav.is-stuck .pw-nav__logo > svg {
    height: 28px;
}

.pw-nav__logo-mark {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: var(--pw-primary);
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 800;
    box-shadow: none;
}

.pw-nav__logo-text small {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--pw-muted);
}

.pw-nav__menu {
    display: none;
    align-items: center;
    gap: 2px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.pw-nav__item {
    position: relative;
}

.pw-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border: 0;
    background: transparent;
    border-radius: 999px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--pw-text);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-nav__link:hover,
.pw-nav__link:focus-visible,
.pw-nav__link[aria-expanded="true"],
.pw-nav__item.is-open > .pw-nav__link {
    background: rgba(53, 56, 205, .12);
    color: var(--pw-primary-2);
}

.pw-nav__link::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 5px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .26s var(--pw-ease);
}

.pw-nav__link:hover::after,
.pw-nav__link:focus-visible::after,
.pw-nav__link[aria-current="page"]::after,
.pw-nav__link[aria-expanded="true"]::after,
.pw-nav__item.is-open > .pw-nav__link::after {
    transform: scaleX(1);
}

.pw-nav__link[aria-current="page"] {
    color: var(--pw-primary-2);
}

.pw-nav__caret {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    opacity: .7;
    transition: transform .26s var(--pw-ease);
}

.pw-nav__link[aria-expanded="true"] .pw-nav__caret,
.pw-nav__item.is-open .pw-nav__caret {
    transform: rotate(180deg);
}

.pw-nav__badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--pw-primary);
    color: #FFFFFF;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: .02em;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: none;
}

.pw-nav__badge--violet {
    background: var(--pw-primary);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-nav__badge--pink {
    background: var(--pw-primary);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-nav__badge--green {
    background: var(--pw-ok);
    color: #04220F;
    box-shadow: 0 5px 12px -5px rgba(34, 197, 94, .85);
}

.pw-nav__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin-left: auto;
}

.pw-nav__cart {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    background: var(--pw-deep);
    color: #FFFFFF;
    text-decoration: none;
    transition: transform var(--pw-t), background-color var(--pw-t), box-shadow var(--pw-t), width .28s var(--pw-ease), height .28s var(--pw-ease);
}

.pw-nav__cart:hover {
    transform: translateY(-2px);
    background: var(--pw-primary);
    box-shadow: var(--pw-glow);
}

.pw-nav__cart svg {
    width: 20px;
    height: 20px;
}

.pw-nav__cart-count {
    position: absolute;
    top: -3px;
    right: -3px;
    display: grid;
    place-items: center;
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--pw-accent);
    color: #2A1000;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--pw-surface);
}

.pw-nav.is-stuck .pw-nav__cart {
    width: 42px;
    height: 42px;
}

.pw-burger {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    background: transparent;
    color: var(--pw-text);
    cursor: pointer;
    transition: background-color var(--pw-t-fast), border-color var(--pw-t-fast);
}

.pw-burger:hover {
    background: rgba(53, 56, 205, .14);
    border-color: rgba(53, 56, 205, .4);
}

.pw-burger__box {
    position: relative;
    display: block;
    width: 20px;
    height: 14px;
}

.pw-burger__bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .3s var(--pw-ease), opacity .18s linear, top .3s var(--pw-ease), width .3s var(--pw-ease);
}

.pw-burger__bar:nth-child(1) { top: 0; }
.pw-burger__bar:nth-child(2) { top: 6px; width: 78%; }
.pw-burger__bar:nth-child(3) { top: 12px; }

.pw-burger:hover .pw-burger__bar:nth-child(2) {
    width: 100%;
}

.pw-burger.is-open .pw-burger__bar:nth-child(1),
.pw-burger[aria-expanded="true"] .pw-burger__bar:nth-child(1) {
    top: 6px;
    transform: rotate(45deg);
}

.pw-burger.is-open .pw-burger__bar:nth-child(2),
.pw-burger[aria-expanded="true"] .pw-burger__bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(.2);
}

.pw-burger.is-open .pw-burger__bar:nth-child(3),
.pw-burger[aria-expanded="true"] .pw-burger__bar:nth-child(3) {
    top: 6px;
    transform: rotate(-45deg);
}

.pw-mega {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    width: min(920px, calc(100vw - 48px));
    padding: 22px;
    background: var(--pw-panel);
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-lg);
    box-shadow: var(--pw-shadow-lg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 12px);
    transition: opacity .22s var(--pw-ease), transform .22s var(--pw-ease), visibility .22s;
    z-index: 30;
}

.pw-mega::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -38px;
    height: 38px;
}

.pw-mega--left {
    left: 0;
    transform: translate(0, 12px);
}

.pw-nav__item.is-open > .pw-mega,
.pw-mega.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.pw-nav__item.is-open > .pw-mega--left,
.pw-mega--left.is-open {
    transform: translate(0, 0);
}

.pw-mega__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 14px;
}

.pw-mega--4 .pw-mega__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pw-mega--2 .pw-mega__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pw-mega__col {
    min-width: 0;
}

.pw-mega__heading {
    margin: 0 0 4px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--pw-muted);
}

.pw-mega__link {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 15px;
    color: var(--pw-text);
    text-decoration: none;
    transition: background-color var(--pw-t-fast), transform var(--pw-t-fast);
}

.pw-mega__link:hover,
.pw-mega__link:focus-visible {
    background: rgba(53, 56, 205, .14);
    transform: translateX(2px);
}

.pw-mega__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border-radius: 12px;
    background: linear-gradient(140deg, rgba(53, 56, 205, .38), rgba(53, 56, 205, .18));
    color: var(--pw-primary-ink);
}

.pw-mega__icon svg {
    width: 18px;
    height: 18px;
}

.pw-mega__t {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.pw-mega__d {
    display: block;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pw-muted);
}

.pw-mega__promo {
    grid-column: span 1;
    padding: 18px;
    border-radius: 20px;
    background: linear-gradient(150deg, rgba(53, 56, 205, .45), rgba(39, 42, 168, .5));
    border: 1px solid var(--pw-line);
}

.pw-mega__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--pw-line);
    font-size: 13.5px;
    color: var(--pw-muted);
}

.pw-drawer {
    position: fixed;
    inset: 0;
    z-index: var(--pw-z-drawer);
    visibility: hidden;
    pointer-events: none;
}

.pw-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
}

body.is-locked .pw-nav {
    z-index: var(--pw-z-drawer);
}

.pw-drawer__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: rgba(8, 1, 26, .62);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    opacity: 0;
    cursor: pointer;
    transition: opacity .3s var(--pw-ease);
}

.pw-drawer.is-open .pw-drawer__backdrop {
    opacity: 1;
}

.pw-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(420px, 100%);
    height: 100%;
    height: 100dvh;
    background: var(--pw-panel);
    border-left: 1px solid var(--pw-line);
    box-shadow: var(--pw-shadow-lg);
    transform: translateX(100%);
    transition: transform .34s var(--pw-ease);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.pw-drawer.is-open .pw-drawer__panel {
    transform: none;
}

.pw-drawer--top .pw-drawer__panel {
    right: auto;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 92dvh;
    border-left: 0;
    border-bottom: 1px solid var(--pw-line);
    border-radius: 0 0 var(--pw-radius-lg) var(--pw-radius-lg);
    transform: translateY(-100%);
}

.pw-drawer--left .pw-drawer__panel {
    right: auto;
    left: 0;
    border-left: 0;
    border-right: 1px solid var(--pw-line);
    transform: translateX(-100%);
}

.pw-drawer__head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: var(--pw-panel);
    border-bottom: 1px solid var(--pw-line);
}

.pw-drawer__close {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-left: auto;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    transition: background-color var(--pw-t-fast);
}

.pw-drawer__close:hover {
    background: rgba(255, 255, 255, .1);
}

.pw-drawer__body {
    flex: 1 1 auto;
    padding: 12px 14px 24px;
}

.pw-drawer__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 12px 14px;
    border-radius: 15px;
    color: var(--pw-text);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--pw-t-fast), padding-left var(--pw-t-fast);
}

.pw-drawer__link:hover,
.pw-drawer__link[aria-current="page"] {
    background: rgba(53, 56, 205, .16);
    padding-left: 18px;
}

.pw-drawer__link .pw-nav__badge {
    position: static;
    transform: none;
    margin-left: auto;
}

.pw-drawer__group {
    border-bottom: 1px solid var(--pw-line);
}

.pw-drawer__group:last-child {
    border-bottom: 0;
}

.pw-drawer__group > summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 12px 14px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    cursor: pointer;
}

.pw-drawer__group > summary::-webkit-details-marker {
    display: none;
}

.pw-drawer__group > summary::marker {
    content: "";
}

.pw-drawer__group > summary::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: auto;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: transform var(--pw-t);
}

.pw-drawer__group[open] > summary::after {
    transform: rotate(180deg);
}

.pw-drawer__sub {
    padding: 2px 0 12px 14px;
    margin: 0 0 0 12px;
    border-left: 1px solid var(--pw-line);
    list-style: none;
}

.pw-drawer__sub a {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 14.5px;
    color: var(--pw-muted);
    text-decoration: none;
}

.pw-drawer__sub a:hover {
    color: var(--pw-text);
    background: rgba(53, 56, 205, .12);
}

.pw-drawer__foot {
    display: grid;
    gap: 10px;
    padding: 16px 14px calc(16px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--pw-line);
}

.pw-social-rail {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: var(--pw-z-rail);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px 9px;
    transform: translateY(-50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
    border: 1px solid var(--pw-line);
    border-left: 0;
    border-radius: 0 18px 18px 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.pw-social-rail__label {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pw-muted);
}

.pw-social-rail__line {
    width: 1px;
    height: 26px;
    background: var(--pw-line);
}

.pw-social-rail__link {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: var(--pw-muted);
    transition: color var(--pw-t-fast), background-color var(--pw-t-fast), transform var(--pw-t-fast);
}

.pw-social-rail__link:hover {
    color: var(--pw-text);
    background: rgba(53, 56, 205, .2);
    transform: translateX(2px);
}

.pw-social-rail__link svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 1199px) {
    .pw-social-rail {
        display: none;
    }
}

.pw-hero {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background-color: var(--pw-bg);
    border-bottom: 1px solid var(--pw-line);
}

.pw-hero--under-nav {
    margin-top: 0;
}

.pw-hero--under-nav .pw-hero__inner {
    padding-top: clamp(52px, 7vw, 88px);
}

.pw-hero--compact {
    min-height: 0;
    align-items: flex-end;
}

.pw-hero--compact .pw-hero__inner {
    padding-block: clamp(44px, 6vw, 72px) clamp(30px, 4vw, 48px);
}

.pw-hero--compact.pw-hero--under-nav .pw-hero__inner {
    padding-top: clamp(44px, 5vw, 68px);
}

.pw-hero__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-block: clamp(52px, 7vw, 88px) clamp(52px, 7vw, 92px);
}

.pw-hero__content {
    max-width: 760px;
}

.pw-hero__content--center {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
}

.pw-hero__sky,
.pw-hero__glow,
.pw-hero__glow--accent,
.pw-hero__planet,
.pw-hero__moon,
.pw-hero__orbit,
.pw-hero__fade,
.pw-stars {
    display: none !important;
}

.pw-hero__title {
    margin: 0 0 18px;
    font-size: clamp(2.25rem, 4.6vw, 3.6rem);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--pw-text);
    text-wrap: balance;
}

.pw-hero__lead {
    margin: 0 0 30px;
    max-width: 56ch;
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.7;
    color: var(--pw-muted);
}

.pw-hero__content--center .pw-hero__lead {
    margin-inline: auto;
}

.pw-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.pw-hero__content--center .pw-hero__actions {
    justify-content: center;
}

.pw-hero__accent {
    position: relative;
    color: var(--pw-primary-ink);
    white-space: nowrap;
}

.pw-hero__note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin-top: 26px;
    font-size: 13.5px;
    color: var(--pw-muted);
}

.pw-play {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--pw-plum);
    cursor: pointer;
    box-shadow: 0 16px 36px -12px rgba(0, 0, 0, .55);
    transition: transform var(--pw-t), background-color var(--pw-t-fast);
}

.pw-play:hover {
    transform: scale(1.06);
    background: var(--pw-accent);
    color: #2A1000;
}

.pw-play::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    animation: pw-ping 2.4s cubic-bezier(0, 0, .2, 1) infinite;
}

@keyframes pw-ping {
    0% { transform: scale(1); opacity: .75; }
    70% { transform: scale(1.75); opacity: 0; }
    100% { transform: scale(1.75); opacity: 0; }
}

.pw-play__icon {
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.pw-play-wrap {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.pw-play-wrap__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.pw-play-wrap__label small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--pw-muted);
}

.pw-domain {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 780px;
    padding: 8px;
    border-radius: var(--pw-radius-pill);
    background: #FFFFFF;
    color: #0F172A;
    border: 1px solid rgba(255, 255, 255, .5);
    box-shadow: var(--pw-shadow);
}

.pw-domain--glass {
    background: rgba(255, 255, 255, .1);
    color: var(--pw-text);
    border-color: var(--pw-line);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.pw-domain--center {
    margin-inline: auto;
}

.pw-domain__field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 18px;
}

.pw-domain__icon {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    color: #7A6CA3;
}

.pw-domain--glass .pw-domain__icon {
    color: var(--pw-muted);
}

.pw-domain__input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 14px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 16px;
    outline: 0;
}

.pw-domain__input::placeholder {
    color: #8C82A8;
}

.pw-domain--glass .pw-domain__input::placeholder {
    color: var(--pw-muted);
}

.pw-domain__tld {
    flex: 0 0 auto;
    padding: 10px 10px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--pw-plum);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.pw-domain--glass .pw-domain__tld {
    color: var(--pw-accent-ink);
}

.pw-domain__submit {
    flex: 0 0 auto;
    padding: 16px 34px;
    border: 0;
    border-radius: 999px;
    background: var(--pw-plum);
    color: #FFFFFF;
    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--pw-t), box-shadow var(--pw-t), transform .12s var(--pw-ease);
}

.pw-domain__submit:hover {
    background: var(--pw-plum-2);
    box-shadow: 0 16px 32px -14px rgba(39, 42, 168, .9);
}

.pw-domain__submit:active {
    transform: translateY(1px);
}

.pw-domain__submit:disabled {
    opacity: .6;
    cursor: progress;
}

.pw-tlds {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.pw-tlds--center {
    justify-content: center;
}

.pw-tld-chip {
    display: inline-flex;
    align-items: stretch;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 12px;
    background: var(--pw-glass);
    border: 1px solid var(--pw-line);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    font-size: 13px;
    line-height: 1.5;
    color: var(--pw-text);
    text-decoration: none;
    transition: transform var(--pw-t-fast), border-color var(--pw-t-fast), background-color var(--pw-t-fast);
}

.pw-tld-chip:hover {
    transform: translateY(-3px);
    border-color: rgba(53, 56, 205, .5);
    background: rgba(53, 56, 205, .1);
}

.pw-tld-chip__ext {
    font-weight: 800;
    letter-spacing: -.01em;
}

.pw-tld-chip__sep {
    width: 1px;
    align-self: stretch;
    background: var(--pw-line);
}

.pw-tld-chip__price {
    font-weight: 600;
    color: var(--pw-accent-ink);
    white-space: nowrap;
}

.pw-domain-result {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    max-width: 780px;
}

.pw-domain-result--center {
    margin-inline: auto;
}

.pw-domain-result__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    padding: 14px 18px;
    border: 1px solid var(--pw-line);
    border-left: 4px solid var(--pw-line);
    border-radius: var(--pw-radius);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.pw-domain-result__row.is-free {
    border-left-color: var(--pw-ok);
    background: rgba(34, 197, 94, .1);
}

.pw-domain-result__row.is-taken {
    border-left-color: var(--pw-err);
    background: rgba(239, 68, 68, .08);
}

.pw-domain-result__row.is-loading {
    border-left-color: var(--pw-primary);
}

.pw-domain-result__name {
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.pw-domain-result__state {
    font-size: 12.5px;
    font-weight: 700;
}

.is-free .pw-domain-result__state {
    color: var(--pw-ok-ink);
}

.is-taken .pw-domain-result__state {
    color: var(--pw-err-ink);
}

.pw-domain-result__price {
    margin-left: auto;
    font-weight: 800;
    white-space: nowrap;
}

.pw-domain-result__action {
    flex: 0 0 auto;
}

.is-taken .pw-domain-result__name {
    opacity: .7;
    text-decoration: line-through;
    text-decoration-color: rgba(239, 68, 68, .6);
}

.pw-section {
    position: relative;
    padding: clamp(56px, 7vw, 110px) 0;
}

.pw-section--tight {
    padding: clamp(36px, 4.5vw, 64px) 0;
}

.pw-section--flush {
    padding-top: 0;
}

.pw-section--dark {
    background: var(--pw-bg-2);
    border-top: 1px solid var(--pw-line);
    border-bottom: 1px solid var(--pw-line);
}

.pw-section--alt {
    background: var(--pw-bg-2);
}

.pw-section--sky {
    overflow: hidden;
    isolation: isolate;
    background: var(--pw-bg-2);
    border-top: 1px solid var(--pw-line);
    border-bottom: 1px solid var(--pw-line);
}

.pw-section__head {
    max-width: 760px;
    margin: 0 0 clamp(28px, 3.6vw, 48px);
}

.pw-section__head--center {
    margin-inline: auto;
    text-align: center;
}

.pw-section__head--center .pw-eyebrow {
    justify-content: center;
}

.pw-section__head--center .pw-lead {
    margin-inline: auto;
}

.pw-section__head--split {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    max-width: none;
}

.pw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pw-accent-ink);
}

.pw-eyebrow::before {
    content: "";
    width: 24px;
    height: 2px;
    flex: 0 0 auto;
    border-radius: 2px;
    background: currentColor;
}

.pw-title {
    margin: 0 0 14px;
    font-size: clamp(1.8rem, 3.4vw, 2.85rem);
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.025em;
    color: var(--pw-text);
    text-wrap: balance;
}

.pw-title--sm {
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
}

.pw-lead {
    margin: 0;
    max-width: 62ch;
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--pw-muted);
}

.pw-prose {
    max-width: 72ch;
    line-height: 1.8;
    color: var(--pw-muted);
}

.pw-prose h2,
.pw-prose h3,
.pw-prose h4 {
    color: var(--pw-text);
    margin: 1.6em 0 .6em;
}

.pw-prose h2 { font-size: 1.55rem; }
.pw-prose h3 { font-size: 1.25rem; }
.pw-prose h4 { font-size: 1.08rem; }

.pw-prose p,
.pw-prose ul,
.pw-prose ol {
    margin: 0 0 1.1em;
}

.pw-prose ul,
.pw-prose ol {
    padding-left: 1.3em;
}

.pw-prose ul {
    list-style: disc;
}

.pw-prose ol {
    list-style: decimal;
}

.pw-prose ul ul {
    list-style: circle;
}

.pw-prose li ul,
.pw-prose li ol {
    margin: .45em 0 0;
}

.pw-prose li {
    margin-bottom: .45em;
}

.pw-prose a {
    color: var(--pw-primary-ink);
}

.pw-prose img {
    border-radius: var(--pw-radius);
    margin: 1.4em 0;
}

.pw-prose blockquote {
    margin: 1.5em 0;
    padding: 14px 22px;
    border-left: 3px solid var(--pw-primary);
    background: var(--pw-glass);
    border-radius: 0 var(--pw-radius) var(--pw-radius) 0;
    color: var(--pw-text);
}

.pw-prose code {
    font-family: var(--pw-font-mono);
    font-size: .9em;
    padding: 2px 6px;
    border-radius: 6px;
    background: var(--pw-glass);
}

.pw-prose pre {
    overflow-x: auto;
    padding: 16px 18px;
    border-radius: var(--pw-radius);
    background: var(--pw-deep);
    border: 1px solid var(--pw-line);
}

.pw-card {
    position: relative;
    padding: clamp(20px, 2.4vw, 34px);
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-lg);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: var(--pw-card-shadow);
    transition: transform .3s var(--pw-ease), box-shadow .3s var(--pw-ease), border-color .3s var(--pw-ease);
}

.pw-card--glass {
    background: var(--pw-glass);
}

.pw-card--solid {
    background: var(--pw-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.pw-card--flat {
    box-shadow: none;
}

.pw-card--sm {
    padding: clamp(16px, 1.8vw, 22px);
    border-radius: var(--pw-radius);
}

.pw-card--row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.pw-card--lift:hover,
.pw-card--lift:focus-within {
    transform: translateY(-6px);
    box-shadow: var(--pw-shadow-lg);
    border-color: rgba(53, 56, 205, .45);
}

.pw-card--lift::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(420px 200px at 50% 0%, rgba(53, 56, 205, .22), transparent 70%);
    transition: opacity .3s var(--pw-ease);
}

.pw-card--lift:hover::after,
.pw-card--lift:focus-within::after {
    opacity: 1;
}

.pw-card__title {
    margin: 16px 0 8px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--pw-text);
}

.pw-card--row .pw-card__title {
    margin-top: 0;
}

.pw-card__text {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--pw-muted);
}

.pw-card__foot {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--pw-line);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.pw-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--pw-primary-ink);
    text-decoration: none;
}

.pw-card__link svg {
    width: 15px;
    height: 15px;
    transition: transform var(--pw-t-fast);
}

.pw-card__link:hover svg {
    transform: translateX(4px);
}

.pw-card__stretch::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: 1;
}

.pw-icon-box {
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    flex: 0 0 auto;
    border-radius: 12px;
    background: var(--pw-primary);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-icon-box svg {
    width: 24px;
    height: 24px;
}

.pw-icon-box--accent {
    background: var(--pw-primary);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-icon-box--plum {
    background: var(--pw-plum);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-icon-box--ok {
    background: var(--pw-ok);
    color: #FFFFFF;
    box-shadow: none;
}

.pw-icon-box--ghost {
    background: var(--pw-glass);
    border: 1px solid var(--pw-line);
    color: var(--pw-primary-ink);
    box-shadow: none;
}

.pw-icon-box--sm {
    width: 44px;
    height: 44px;
    border-radius: 13px;
}

.pw-icon-box--sm svg {
    width: 19px;
    height: 19px;
}

.pw-icon-box--lg {
    width: 72px;
    height: 72px;
    border-radius: 21px;
}

.pw-icon-box--lg svg {
    width: 30px;
    height: 30px;
}

.pw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 15px 30px;
    border: 1px solid transparent;
    border-radius: var(--pw-radius-pill);
    background: var(--pw-surface-2);
    color: var(--pw-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .22s var(--pw-ease), color .22s var(--pw-ease),
        border-color .22s var(--pw-ease), box-shadow .22s var(--pw-ease), transform .12s var(--pw-ease);
}

.pw-btn:hover {
    transform: translateY(-1px);
}

.pw-btn:active {
    transform: translateY(1px);
}

.pw-btn[disabled],
.pw-btn.is-disabled,
.pw-btn[aria-disabled="true"] {
    opacity: .55;
    pointer-events: none;
}

.pw-btn svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.pw-btn__arrow {
    transition: transform .22s var(--pw-ease);
}

.pw-btn:hover .pw-btn__arrow {
    transform: translateX(4px);
}

.pw-btn--primary {
    background: var(--pw-primary);
    color: #FFFFFF;
}

.pw-btn--primary:hover {
    background: var(--pw-primary-2);
    box-shadow: var(--pw-glow);
}

.pw-btn--accent {
    background: var(--pw-accent);
    color: #FFFFFF;
}

.pw-btn--accent:hover {
    background: var(--pw-accent-2);
    box-shadow: var(--pw-glow);
}

.pw-btn--plum {
    background: var(--pw-plum);
    color: #FFFFFF;
}

.pw-btn--plum:hover {
    background: var(--pw-plum-2);
    box-shadow: var(--pw-glow);
}

.pw-btn--ghost {
    background: transparent;
    border-color: var(--pw-line);
    color: inherit;
}

.pw-btn--ghost:hover {
    background: var(--pw-bg-2);
    border-color: var(--pw-primary);
}

.pw-btn--outline {
    background: transparent;
    border-color: var(--pw-primary);
    color: var(--pw-primary-ink);
}

.pw-btn--outline:hover {
    background: var(--pw-primary);
    color: #FFFFFF;
    box-shadow: var(--pw-glow);
}

.pw-btn--light {
    background: #FFFFFF;
    color: #0F172A;
}

.pw-btn--light:hover {
    background: #F0EAFF;
}

.pw-btn--danger {
    background: var(--pw-err);
    color: #FFFFFF;
}

.pw-btn--danger:hover {
    background: #DC2626;
}

.pw-btn--link {
    min-height: 0;
    padding: 4px 2px;
    background: transparent;
    border-radius: 6px;
    color: var(--pw-primary-ink);
}

.pw-btn--link:hover {
    text-decoration: underline;
}

.pw-btn--lg {
    min-height: 56px;
    padding: 18px 38px;
    font-size: 16px;
}

.pw-btn--sm {
    min-height: 40px;
    padding: 10px 18px;
    font-size: 13.5px;
    gap: 7px;
}

.pw-btn--sm svg {
    width: 15px;
    height: 15px;
}

.pw-btn--pill {
    border-radius: var(--pw-radius-pill);
}

.pw-btn--square {
    border-radius: var(--pw-radius);
}

.pw-btn--block {
    display: flex;
    width: 100%;
}

.pw-btn--icon {
    width: 48px;
    padding: 0;
}

.pw-btn--icon.pw-btn--sm {
    width: 40px;
}

.pw-btn-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pw-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border: 1px solid var(--pw-line);
    border-radius: 999px;
    background: var(--pw-glass);
    color: var(--pw-text);
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .02em;
    white-space: nowrap;
}

.pw-badge svg {
    width: 13px;
    height: 13px;
}

.pw-badge--accent {
    background: var(--pw-accent);
    border-color: transparent;
    color: #2A1000;
}

.pw-badge--primary {
    background: rgba(53, 56, 205, .18);
    border-color: rgba(53, 56, 205, .4);
    color: var(--pw-primary-ink);
}

.pw-badge--ok {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .35);
    color: var(--pw-ok-ink);
}

.pw-badge--warn {
    background: rgba(245, 158, 11, .14);
    border-color: rgba(245, 158, 11, .35);
    color: var(--pw-warn-ink);
}

.pw-badge--err {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .35);
    color: var(--pw-err-ink);
}

.pw-badge--dot::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
}

.pw-badge--live::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
    animation: pw-pulse 1.8s ease-in-out infinite;
}

@keyframes pw-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .4; transform: scale(.7); }
}

.pw-plan {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(22px, 2.4vw, 32px);
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-lg);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: var(--pw-card-shadow);
    transition: transform .3s var(--pw-ease), box-shadow .3s var(--pw-ease), border-color .3s var(--pw-ease);
}

.pw-plan:hover {
    transform: translateY(-6px);
    box-shadow: var(--pw-shadow-lg);
    border-color: rgba(53, 56, 205, .42);
}

.pw-plan__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--pw-line);
}

.pw-plan__name {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--pw-text);
}

.pw-plan__desc {
    margin: 5px 0 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--pw-muted);
}

.pw-plan__price {
    padding: 24px 0 18px;
    text-align: center;
}

.pw-plan__body {
    flex: 1 1 auto;
}

.pw-plan__foot {
    padding-top: 20px;
}

.pw-plan__meta {
    margin: 12px 0 0;
    font-size: 12.5px;
    text-align: center;
    color: var(--pw-muted);
}

.pw-plan--featured {
    border-color: var(--pw-primary);
    background: linear-gradient(180deg, rgba(53, 56, 205, .18), var(--pw-glass) 60%);
    box-shadow: var(--pw-glow), var(--pw-shadow);
    transform: scale(1.03);
    z-index: 1;
}

.pw-plan--featured:hover {
    transform: scale(1.03) translateY(-6px);
}

.pw-plan__ribbon {
    position: absolute;
    top: 0;
    right: 24px;
    transform: translateY(-50%);
    padding: 6px 15px;
    border-radius: 999px;
    background: var(--pw-accent);
    color: #2A1000;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 12px 26px -12px rgba(53, 56, 205, .95);
}

.pw-plan__ribbon:empty::before {
    content: "En \0000C7ok Tercih Edilen";
}

.pw-price {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    line-height: 1;
}

.pw-price__old {
    display: block;
    margin-bottom: 6px;
    font-size: .95rem;
    font-weight: 600;
    color: var(--pw-muted);
    text-decoration: line-through;
}

.pw-price__currency {
    align-self: flex-start;
    margin-top: .45em;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pw-muted);
}

.pw-price__amount {
    font-size: clamp(2.2rem, 3.6vw, 3.2rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.035em;
    color: var(--pw-text);
}

.pw-price__amount sup {
    font-size: .42em;
    font-weight: 700;
    top: -.85em;
    color: var(--pw-muted);
}

.pw-price__period {
    align-self: flex-end;
    margin-bottom: .35em;
    font-size: .9rem;
    font-weight: 600;
    color: var(--pw-muted);
}

.pw-price--accent .pw-price__amount {
    color: var(--pw-accent-ink);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .pw-price--accent .pw-price__amount {
        background-image: linear-gradient(120deg, var(--pw-accent), var(--pw-accent-2));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.pw-feature-list {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 20px 0 0;
    list-style: none;
}

.pw-feature-list li {
    position: relative;
    padding-left: 30px;
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--pw-muted);
}

.pw-feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .18em;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(34, 197, 94, .16);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322C55E' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
}

.pw-feature-list li.is-off {
    opacity: .55;
}

.pw-feature-list li.is-off::before {
    background-color: rgba(255, 255, 255, .08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}

.pw-feature-list--strong li {
    color: var(--pw-text);
}

.pw-feature-list--tight {
    gap: 8px;
    padding-top: 14px;
}

.pw-feature-list b {
    color: var(--pw-text);
}

.pw-toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.pw-toggle__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pw-toggle__track {
    position: relative;
    width: 58px;
    height: 32px;
    flex: 0 0 auto;
    border: 1px solid var(--pw-line);
    border-radius: 999px;
    background: var(--pw-surface-2);
    transition: background-color .26s var(--pw-ease), box-shadow .2s var(--pw-ease);
}

.pw-toggle__knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .7);
    transition: transform .28s var(--pw-ease);
}

.pw-toggle__input:checked ~ .pw-toggle__track {
    background: var(--pw-primary);
}

.pw-toggle__input:checked ~ .pw-toggle__knob,
.pw-toggle__input:checked ~ .pw-toggle__track .pw-toggle__knob {
    transform: translateX(26px);
}

.pw-toggle__input:focus-visible ~ .pw-toggle__track {
    box-shadow: var(--pw-ring);
}

.pw-toggle__label {
    color: var(--pw-muted);
    transition: color var(--pw-t-fast);
}

.pw-toggle__input:not(:checked) ~ .pw-toggle__label--off,
.pw-toggle__input:checked ~ .pw-toggle__label--on {
    color: var(--pw-text);
}

.pw-toggle__save {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(34, 197, 94, .16);
    color: var(--pw-ok-ink);
    font-size: 11.5px;
    font-weight: 800;
}

.pw-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 14px;
}

.pw-stat {
    padding: 26px 18px;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    text-align: center;
    transition: transform var(--pw-t), border-color var(--pw-t);
}

.pw-stat:hover {
    transform: translateY(-4px);
    border-color: rgba(53, 56, 205, .4);
}

.pw-stat__num {
    display: block;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.03em;
    color: var(--pw-accent-ink);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .pw-stat__num {
        background-image: linear-gradient(120deg, var(--pw-accent), var(--pw-accent-2));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.pw-stat__label {
    display: block;
    margin-top: 8px;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--pw-muted);
}

.pw-stat__icon {
    margin: 0 auto 12px;
}

.pw-logo-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 4vw, 54px);
}

.pw-logo-strip img,
.pw-logo-strip svg {
    height: 34px;
    width: auto;
    filter: grayscale(1);
    opacity: .55;
    transition: filter .3s var(--pw-ease), opacity .3s var(--pw-ease), transform .3s var(--pw-ease);
}

.pw-logo-strip a:hover img,
.pw-logo-strip a:hover svg,
.pw-logo-strip a:focus-visible img {
    filter: none;
    opacity: 1;
    transform: scale(1.06);
}

.pw-logo-strip--marquee {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.pw-logo-strip__track {
    display: flex;
    align-items: center;
    gap: clamp(28px, 5vw, 64px);
    flex: 0 0 auto;
    padding-right: clamp(28px, 5vw, 64px);
    animation: pw-marquee 34s linear infinite;
}

.pw-logo-strip--marquee:hover .pw-logo-strip__track {
    animation-play-state: paused;
}

.pw-testimonial {
    position: relative;
    padding: clamp(26px, 3vw, 38px);
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-lg);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: var(--pw-card-shadow);
}

.pw-testimonial::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 24px;
    width: 46px;
    height: 38px;
    opacity: .2;
    background-color: var(--pw-primary-2);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath fill='%23000' d='M0 40V22.6C0 10.1 6.9 1.8 19.6 0l2.1 6.6C14.6 8.6 10.9 12.7 10.7 19H20v21H0Zm28 0V22.6C28 10.1 34.9 1.8 47.6 0l2.1 6.6C42.6 8.6 38.9 12.7 38.7 19H48v21H28Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath fill='%23000' d='M0 40V22.6C0 10.1 6.9 1.8 19.6 0l2.1 6.6C14.6 8.6 10.9 12.7 10.7 19H20v21H0Zm28 0V22.6C28 10.1 34.9 1.8 47.6 0l2.1 6.6C42.6 8.6 38.9 12.7 38.7 19H48v21H28Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    pointer-events: none;
}

.pw-testimonial__stars {
    display: inline-flex;
    gap: 3px;
    margin-bottom: 14px;
    color: var(--pw-accent);
}

.pw-testimonial__stars svg {
    width: 16px;
    height: 16px;
}

.pw-testimonial__text {
    margin: 0 0 22px;
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--pw-text);
}

.pw-testimonial__who {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pw-testimonial__avatar {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    border-radius: 50%;
    border: 2px solid var(--pw-line);
    background: var(--pw-surface-2);
    object-fit: cover;
}

.pw-testimonial__name {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--pw-text);
}

.pw-testimonial__role {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--pw-muted);
}

.pw-faq {
    display: grid;
    gap: 12px;
}

.pw-faq__item {
    overflow: hidden;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius);
    background: var(--pw-glass);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: border-color .25s var(--pw-ease), background-color .25s var(--pw-ease);
}

.pw-faq__item[open] {
    border-color: rgba(53, 56, 205, .42);
}

.pw-faq__q {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--pw-text);
    list-style: none;
    cursor: pointer;
    transition: color var(--pw-t-fast);
}

.pw-faq__q::-webkit-details-marker {
    display: none;
}

.pw-faq__q::marker {
    content: "";
}

.pw-faq__q:hover {
    color: var(--pw-primary-ink);
}

.pw-faq__icon {
    position: relative;
    width: 28px;
    height: 28px;
    margin-left: auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(53, 56, 205, .16);
    color: var(--pw-primary-ink);
    transition: background-color .25s var(--pw-ease), color .25s var(--pw-ease), transform .3s var(--pw-ease);
}

.pw-faq__icon::before,
.pw-faq__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform .3s var(--pw-ease), opacity .2s linear;
}

.pw-faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.pw-faq__item[open] .pw-faq__icon {
    background: var(--pw-primary);
    color: #FFFFFF;
    transform: rotate(180deg);
}

.pw-faq__item[open] .pw-faq__icon::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg);
}

.pw-faq__a {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .32s var(--pw-ease);
    animation: pw-faq-reveal .3s var(--pw-ease) both;
}

.pw-faq__item:not([open]) .pw-faq__a {
    grid-template-rows: 0fr;
}

.pw-faq__a > * {
    min-height: 0;
    overflow: hidden;
}

.pw-faq__a p,
.pw-faq__a div {
    margin: 0;
}

.pw-faq__a p {
    padding: 0 20px 20px;
    color: var(--pw-muted);
    line-height: 1.75;
}

@keyframes pw-faq-reveal {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: none; }
}

@supports selector(::details-content) {
    :root {
        interpolate-size: allow-keywords;
    }

    .pw-faq__item::details-content {
        block-size: 0;
        overflow: hidden;
        transition: block-size .34s var(--pw-ease), content-visibility .34s allow-discrete;
    }

    .pw-faq__item[open]::details-content {
        block-size: auto;
    }
}

.pw-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(34px, 5vw, 68px);
    border-radius: var(--pw-radius-lg);
    background: var(--pw-primary);
    box-shadow: var(--pw-shadow);
}

.pw-cta::before,
.pw-cta::after {
    display: none;
}

.pw-cta__inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
}

.pw-cta__title {
    margin: 0 0 10px;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #FFFFFF;
}

.pw-cta__text {
    margin: 0;
    max-width: 52ch;
    color: rgba(255, 255, 255, .84);
    line-height: 1.7;
}

.pw-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex: 0 0 auto;
}

.pw-cta--center .pw-cta__inner {
    flex-direction: column;
    text-align: center;
}

.pw-cta--center .pw-cta__text {
    margin-inline: auto;
}

.pw-footer {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: clamp(48px, 6vw, 86px);
    background: var(--pw-deep);
    color: #CBD5E1;
    border-top: 1px solid var(--pw-line);
}

.pw-footer::before,
.pw-footer::after {
    display: none;
}

.pw-footer__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(24px, 3vw, 48px);
    padding-bottom: clamp(32px, 4vw, 56px);
}

.pw-footer__brand {
    max-width: 42ch;
}

.pw-footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-size: 19px;
    font-weight: 800;
    text-decoration: none;
}

.pw-footer__text {
    margin: 14px 0 18px;
    font-size: 14px;
    line-height: 1.75;
    color: #A99BD1;
}

.pw-footer__title {
    margin: 0 0 16px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.pw-footer__links {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pw-footer__links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    color: #B7A9DC;
    text-decoration: none;
    transition: color var(--pw-t-fast), transform var(--pw-t-fast);
}

.pw-footer__links a:hover {
    color: #FFFFFF;
    transform: translateX(3px);
}

.pw-footer__contact {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14.5px;
}

.pw-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #B7A9DC;
}

.pw-footer__contact svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    margin-top: 3px;
    color: var(--pw-accent);
}

.pw-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pw-footer__social a {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 13px;
    background: rgba(255, 255, 255, .06);
    color: #CFC2F2;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast), transform var(--pw-t-fast);
}

.pw-footer__social a:hover {
    background: var(--pw-primary);
    color: #FFFFFF;
    transform: translateY(-3px);
}

.pw-footer__social svg {
    width: 17px;
    height: 17px;
}

.pw-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 20px 0 calc(20px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, .08);
    font-size: 13px;
    color: #9A8CC4;
}

.pw-footer__bottom a {
    color: #B7A9DC;
    text-decoration: none;
}

.pw-footer__bottom a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.pw-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pw-footer__cookie {
    padding: 0;
    border: 0;
    background: none;
    color: #B7A9DC;
    font: inherit;
    cursor: pointer;
}

.pw-footer__cookie:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.pw-footer__pay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pw-footer__pay-item {
    display: grid;
    place-items: center;
    width: 46px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #D8CEF5;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
}

.pw-footer__pay-item svg {
    width: 28px;
    height: 18px;
}

.pw-newsletter {
    display: flex;
    gap: 8px;
    max-width: 430px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
}

.pw-newsletter__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14.5px;
    outline: 0;
}

.pw-newsletter__input::placeholder {
    color: #9A8CC4;
}

.pw-newsletter__input:focus-visible {
    outline: 2px solid var(--pw-primary-2);
    outline-offset: -1px;
}

.pw-newsletter__btn {
    flex: 0 0 auto;
    padding: 12px 22px;
    border: 0;
    border-radius: 999px;
    background: var(--pw-accent);
    color: #2A1000;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color var(--pw-t-fast), transform .12s var(--pw-ease);
}

.pw-newsletter__btn:hover {
    background: var(--pw-accent-2);
}

.pw-newsletter__btn:active {
    transform: translateY(1px);
}

.pw-newsletter__note {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.6;
    color: #9A8CC4;
}

.pw-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 1.6;
    color: var(--pw-muted);
}

.pw-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.pw-breadcrumb li + li::before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    opacity: .6;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pw-breadcrumb a {
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    transition: color var(--pw-t-fast);
}

.pw-breadcrumb a:hover {
    color: var(--pw-text);
    text-decoration: underline;
}

.pw-breadcrumb [aria-current="page"] {
    color: var(--pw-text);
    font-weight: 600;
}

.pw-auth {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 100vh;
    min-height: 100dvh;
}

.pw-auth__aside {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(32px, 5vw, 72px);
    text-align: center;
    background: linear-gradient(150deg, #3538CD 0%, #272AA8 42%, #2563EB 100%);
}

.pw-auth__aside::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .5;
    background-image: var(--pw-star-layer-1);
    background-size: var(--pw-star-size-1);
    background-repeat: repeat;
    animation: pw-drift 160s linear infinite;
}

.pw-auth__aside::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30%;
    z-index: -1;
    width: min(620px, 120%);
    height: min(620px, 120%);
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(53, 56, 205, .32), transparent 66%);
    filter: blur(70px);
}

.pw-auth__aside > * {
    position: relative;
    z-index: 1;
}

.pw-auth__logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 800;
    text-decoration: none;
}

.pw-auth__aside-title {
    margin: 0;
    max-width: 22ch;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    font-weight: 800;
    line-height: 1.25;
    color: #FFFFFF;
}

.pw-auth__aside-text {
    margin: 0;
    max-width: 44ch;
    line-height: 1.75;
    color: rgba(255, 255, 255, .82);
}

.pw-auth__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 5vw, 72px) clamp(20px, 5vw, 72px);
    background: var(--pw-bg);
}

.pw-auth__box {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
}

.pw-auth__title {
    margin: 0 0 6px;
    font-size: clamp(1.6rem, 2.6vw, 2.2rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--pw-text);
}

.pw-auth__sub {
    margin: 0 0 30px;
    color: var(--pw-muted);
    line-height: 1.7;
}

.pw-auth__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 4px 0 24px;
    font-size: 14px;
}

.pw-auth__alt {
    margin-top: 24px;
    font-size: 14px;
    text-align: center;
    color: var(--pw-muted);
}

.pw-auth__alt a {
    font-weight: 700;
    color: var(--pw-primary-ink);
    text-decoration: none;
}

.pw-auth__alt a:hover {
    text-decoration: underline;
}

.pw-auth__divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 26px 0;
    font-size: 12.5px;
    color: var(--pw-muted);
}

.pw-auth__divider::before,
.pw-auth__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--pw-line);
}

.pw-auth__art {
    margin-top: 34px;
    opacity: .92;
}

.pw-field {
    position: relative;
    margin-bottom: 22px;
}

.pw-field__label {
    display: block;
    margin-bottom: 8px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--pw-muted);
}

.pw-field__label .pw-req {
    color: var(--pw-err-ink);
}

.pw-input,
.pw-select,
.pw-textarea,
.pw-field__input {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--pw-line);
    border-radius: 14px;
    background: var(--pw-input-bg);
    color: var(--pw-text);
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    outline: 0;
    transition: border-color var(--pw-t-fast), box-shadow var(--pw-t-fast), background-color var(--pw-t-fast);
}

.pw-textarea {
    min-height: 140px;
    resize: vertical;
}

.pw-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A99BD1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px 14px;
    cursor: pointer;
}

.pw-input:focus,
.pw-select:focus,
.pw-textarea:focus,
.pw-field__input:focus {
    border-color: var(--pw-primary);
    box-shadow: var(--pw-ring);
}

.pw-input::placeholder,
.pw-textarea::placeholder,
.pw-field__input::placeholder {
    color: var(--pw-muted);
    opacity: .75;
}

.pw-input:disabled,
.pw-select:disabled,
.pw-textarea:disabled {
    opacity: .55;
    cursor: not-allowed;
}

.pw-field__hint {
    margin: 6px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--pw-muted);
}

.pw-field__error {
    margin: 6px 0 0;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--pw-err-ink);
}

.pw-field.is-invalid .pw-input,
.pw-field.is-invalid .pw-select,
.pw-field.is-invalid .pw-textarea,
.pw-field.is-invalid .pw-field__input {
    border-color: var(--pw-err);
}

.pw-field.is-valid .pw-input,
.pw-field.is-valid .pw-field__input {
    border-color: var(--pw-ok);
}

.pw-field--icon .pw-input,
.pw-field--icon .pw-field__input {
    padding-left: 46px;
}

.pw-field__adorn {
    position: absolute;
    left: 16px;
    bottom: 15px;
    width: 18px;
    height: 18px;
    color: var(--pw-muted);
    pointer-events: none;
}

.pw-field__toggle {
    position: absolute;
    right: 8px;
    bottom: 7px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--pw-muted);
    cursor: pointer;
}

.pw-field__toggle:hover {
    color: var(--pw-text);
    background: var(--pw-glass);
}

.pw-field--underline {
    margin-bottom: 26px;
}

.pw-field--underline .pw-field__input {
    padding: 24px 2px 10px;
    border: 0;
    border-bottom: 1px solid var(--pw-line);
    border-radius: 0;
    background: transparent;
    font-size: 16px;
}

.pw-field--underline .pw-field__input:focus {
    border-bottom-color: var(--pw-primary);
    background: transparent;
    box-shadow: none;
}

.pw-field--underline .pw-field__label {
    position: absolute;
    left: 2px;
    top: 24px;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--pw-muted);
    pointer-events: none;
    transform-origin: left top;
    transition: transform .22s var(--pw-ease), color .22s var(--pw-ease);
}

.pw-field--underline .pw-field__input:focus ~ .pw-field__label,
.pw-field--underline .pw-field__input:not(:placeholder-shown) ~ .pw-field__label,
.pw-field--underline .pw-field__input[aria-expanded] ~ .pw-field__label {
    transform: translateY(-21px) scale(.78);
    color: var(--pw-primary-ink);
}

.pw-field--underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--pw-primary);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .28s var(--pw-ease);
}

.pw-field--underline:focus-within::after {
    transform: scaleX(1);
}

.pw-field--underline.is-invalid::after {
    background: var(--pw-err);
    transform: scaleX(1);
}

.pw-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 18px;
}

.pw-check {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--pw-muted);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.pw-check__input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin: 1px 0 0;
    border: 1.5px solid var(--pw-line);
    border-radius: 6px;
    background-color: var(--pw-input-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
    cursor: pointer;
    transition: background-color var(--pw-t-fast), border-color var(--pw-t-fast);
}

.pw-check__input:checked {
    background-color: var(--pw-primary);
    border-color: var(--pw-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.pw-check__input:not([type="radio"]):indeterminate {
    background-color: var(--pw-primary);
    border-color: var(--pw-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");
}

.pw-check__input:focus-visible {
    outline: 0;
    box-shadow: var(--pw-ring);
}

.pw-check__input:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.pw-check a {
    color: var(--pw-primary-ink);
}

.pw-check--radio .pw-check__input {
    border-radius: 50%;
}

.pw-check--radio .pw-check__input:checked {
    background-image: radial-gradient(circle, #FFFFFF 0 32%, transparent 34%);
}

.pw-check-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius);
    background: var(--pw-glass);
    cursor: pointer;
    transition: border-color var(--pw-t-fast), background-color var(--pw-t-fast);
}

.pw-check-card:hover {
    border-color: rgba(53, 56, 205, .45);
}

.pw-check-card:has(.pw-check__input:checked) {
    border-color: var(--pw-primary);
    background: rgba(53, 56, 205, .12);
}

.pw-alert {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--pw-line);
    border-left: 4px solid var(--pw-muted);
    border-radius: var(--pw-radius);
    background: var(--pw-glass);
    font-size: 14.5px;
    line-height: 1.65;
}

.pw-alert__icon {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--pw-muted);
}

.pw-alert__content {
    min-width: 0;
    flex: 1 1 auto;
}

.pw-alert__title {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--pw-text);
}

.pw-alert__body {
    margin: 0;
    color: var(--pw-muted);
}

.pw-alert__body a {
    color: inherit;
    font-weight: 600;
}

.pw-alert__close {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    margin: -4px -6px 0 auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--pw-muted);
    cursor: pointer;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-alert__close:hover {
    background: var(--pw-glass);
    color: var(--pw-text);
}

.pw-alert--ok {
    border-left-color: var(--pw-ok);
    background: rgba(34, 197, 94, .1);
}

.pw-alert--ok .pw-alert__icon {
    color: var(--pw-ok-ink);
}

.pw-alert--warn {
    border-left-color: var(--pw-warn);
    background: rgba(245, 158, 11, .1);
}

.pw-alert--warn .pw-alert__icon {
    color: var(--pw-warn-ink);
}

.pw-alert--err {
    border-left-color: var(--pw-err);
    background: rgba(239, 68, 68, .1);
}

.pw-alert--err .pw-alert__icon {
    color: var(--pw-err-ink);
}

.pw-alert--info {
    border-left-color: var(--pw-primary);
    background: rgba(53, 56, 205, .1);
}

.pw-alert--info .pw-alert__icon {
    color: var(--pw-primary-ink);
}

.pw-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius);
}

.pw-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
}

.pw-table caption {
    padding: 14px 16px;
    font-size: 13px;
    text-align: left;
    color: var(--pw-muted);
}

.pw-table th,
.pw-table td {
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--pw-line);
}

.pw-table thead th {
    background: var(--pw-glass);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--pw-muted);
    white-space: nowrap;
}

.pw-table tbody tr {
    transition: background-color var(--pw-t-fast);
}

.pw-table tbody tr:hover {
    background: rgba(53, 56, 205, .08);
}

.pw-table tbody tr:last-child td {
    border-bottom: 0;
}

.pw-table--zebra tbody tr:nth-child(2n) {
    background: rgba(127, 100, 200, .06);
}

.pw-table__num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.pw-table__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.pw-table__empty {
    padding: 42px 18px;
    text-align: center;
    color: var(--pw-muted);
}

.pw-tabs {
    position: relative;
    display: flex;
    gap: 4px;
    margin-bottom: 26px;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid var(--pw-line);
}

.pw-tabs::-webkit-scrollbar {
    display: none;
}

.pw-tab {
    position: relative;
    flex: 0 0 auto;
    padding: 14px 18px;
    border: 0;
    background: transparent;
    color: var(--pw-muted);
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--pw-t-fast);
}

.pw-tab:hover {
    color: var(--pw-text);
}

.pw-tab::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -1px;
    height: 2px;
    border-radius: 2px;
    background: var(--pw-primary);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .26s var(--pw-ease);
}

.pw-tab.is-active,
.pw-tab[aria-selected="true"] {
    color: var(--pw-text);
}

.pw-tab.is-active::after,
.pw-tab[aria-selected="true"]::after {
    transform: scaleX(1);
}

.pw-tab__count {
    display: inline-block;
    margin-left: 7px;
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--pw-glass);
    font-size: 11.5px;
    font-weight: 800;
}

.pw-tabs--pill {
    display: inline-flex;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--pw-line);
    border-bottom: 1px solid var(--pw-line);
    border-radius: 999px;
    background: var(--pw-glass);
    overflow: visible;
}

.pw-tabs--pill .pw-tab {
    padding: 10px 20px;
    border-radius: 999px;
    transition: background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-tabs--pill .pw-tab::after {
    display: none;
}

.pw-tabs--pill .pw-tab.is-active,
.pw-tabs--pill .pw-tab[aria-selected="true"] {
    background: var(--pw-primary);
    color: #FFFFFF;
}

.pw-tabpanel[hidden] {
    display: none;
}

.pw-skeleton {
    position: relative;
    overflow: hidden;
    min-height: 14px;
    border-radius: 10px;
    background: var(--pw-glass);
}

.pw-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .14), transparent);
    animation: pw-shimmer 1.35s ease-in-out infinite;
}

@keyframes pw-shimmer {
    100% { transform: translateX(100%); }
}

.pw-skeleton--text {
    height: 12px;
    margin-bottom: 9px;
}

.pw-skeleton--text:last-child {
    width: 70%;
    margin-bottom: 0;
}

.pw-skeleton--title {
    height: 22px;
    width: 58%;
    margin-bottom: 14px;
}

.pw-skeleton--circle {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.pw-skeleton--card {
    height: 180px;
    border-radius: var(--pw-radius-lg);
}

.pw-skeleton--btn {
    height: 48px;
    width: 160px;
    border-radius: 999px;
}

.pw-scrolltop {
    position: fixed;
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: var(--pw-z-scrolltop);
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    background: var(--pw-surface);
    color: var(--pw-text);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px) scale(.9);
    box-shadow: var(--pw-shadow);
    transition: opacity .25s var(--pw-ease), transform .25s var(--pw-ease), visibility .25s, background-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-scrolltop.is-visible {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.pw-scrolltop:hover {
    background: var(--pw-primary);
    color: #FFFFFF;
}

.pw-scrolltop svg {
    width: 19px;
    height: 19px;
}

.pw-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pw-pager a,
.pw-pager span {
    display: grid;
    place-items: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--pw-line);
    border-radius: 13px;
    background: var(--pw-glass);
    color: var(--pw-text);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--pw-t-fast), border-color var(--pw-t-fast), color var(--pw-t-fast);
}

.pw-pager a:hover {
    background: rgba(53, 56, 205, .18);
    border-color: rgba(53, 56, 205, .45);
}

.pw-pager .is-active {
    background: var(--pw-primary);
    border-color: var(--pw-primary);
    color: #FFFFFF;
}

.pw-pager .is-disabled {
    opacity: .45;
    pointer-events: none;
}

.pw-container {
    width: min(1280px, 100% - var(--pw-gutter));
    margin-left: auto;
    margin-right: auto;
    margin-inline: auto;
}

.pw-container--narrow {
    width: min(880px, 100% - var(--pw-gutter));
}

.pw-container--wide {
    width: min(1480px, 100% - var(--pw-gutter));
}

.pw-grid {
    display: grid;
    gap: clamp(14px, 1.6vw, 24px);
}

.pw-grid--2 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

.pw-grid--3 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 262px), 1fr));
}

.pw-grid--4 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 218px), 1fr));
}

.pw-grid--plans {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: clamp(16px, 2vw, 26px);
    align-items: stretch;
}

.pw-grid--split {
    grid-template-columns: 1fr;
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}

.pw-stack {
    display: flex;
    flex-direction: column;
}

.pw-stack-4 { gap: 4px; }
.pw-stack-8 { gap: 8px; }
.pw-stack-12 { gap: 12px; }
.pw-stack-16 { gap: 16px; }
.pw-stack-24 { gap: 24px; }
.pw-stack-32 { gap: 32px; }
.pw-stack-48 { gap: 48px; }

.pw-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.pw-row--between {
    justify-content: space-between;
}

.pw-row--center {
    justify-content: center;
}

.pw-row--end {
    justify-content: flex-end;
}

.pw-text-center { text-align: center; }
.pw-text-right { text-align: right; }
.pw-text-muted { color: var(--pw-muted); }
.pw-text-accent { color: var(--pw-accent-ink); }
.pw-text-ok { color: var(--pw-ok-ink); }
.pw-text-err { color: var(--pw-err-ink); }
.pw-text-sm { font-size: 13.5px; }
.pw-text-xs { font-size: 12px; }
.pw-strong { font-weight: 700; }
.pw-nowrap { white-space: nowrap; }
.pw-break { overflow-wrap: anywhere; }

.pw-mt-0 { margin-top: 0; }
.pw-mb-0 { margin-bottom: 0; }
.pw-mt-auto { margin-top: auto; }
.pw-mx-auto { margin-left: auto; margin-right: auto; }
.pw-w-full { width: 100%; }
.pw-relative { position: relative; }

.pw-divider {
    height: 1px;
    margin: clamp(24px, 3vw, 44px) 0;
    border: 0;
    background: var(--pw-line);
}

.pw-hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.pw-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.pw-scroller {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}

.pw-scroller > * {
    flex: 0 0 min(88%, 320px);
    scroll-snap-align: start;
}

.pw-hp {
    position: absolute !important;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.pw-sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.pw-skip-link {
    position: absolute;
    left: 12px;
    top: -100px;
    z-index: 2000;
    padding: 12px 20px;
    border-radius: 0 0 14px 14px;
    background: var(--pw-primary);
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    transition: top .2s var(--pw-ease);
}

.pw-skip-link:focus {
    top: 0;
}

.pw-noscroll {
    overflow: hidden !important;
    touch-action: none;
}

@media (max-width: 479px) {
    :root {
        --pw-gutter: 28px;
        --pw-radius-lg: 22px;
    }

    .pw-topbar__side--start {
        display: none;
    }

    .pw-hero__planet,
    .pw-hero__moon {
        display: none;
    }

    .pw-btn {
        padding: 14px 22px;
    }

    .pw-btn--icon {
        padding: 0;
    }

    .pw-btn--lg {
        width: 100%;
    }

    .pw-hero__actions .pw-btn {
        width: 100%;
    }

    .pw-newsletter {
        flex-direction: column;
        border-radius: var(--pw-radius);
        padding: 10px;
    }

    .pw-newsletter__btn {
        width: 100%;
    }

    .pw-plan__ribbon {
        right: 50%;
        transform: translate(50%, -50%);
    }

    .pw-price__amount {
        font-size: 2.1rem;
    }
}

@media (min-width: 480px) {
    .pw-form-row--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .pw-domain {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 12px;
        border-radius: var(--pw-radius-lg);
    }

    .pw-domain__field {
        padding-left: 12px;
        border-bottom: 1px solid rgba(24, 16, 51, .1);
    }

    .pw-domain--glass .pw-domain__field {
        border-bottom-color: var(--pw-line);
    }

    .pw-domain__submit {
        width: 100%;
        padding: 15px 24px;
        border-radius: var(--pw-radius);
    }

    .pw-domain-result__row {
        padding: 14px;
    }

    .pw-domain-result__price {
        margin-left: 0;
    }

    .pw-nav__pill {
        padding: 10px 12px 10px 18px;
    }

    .pw-nav.is-stuck .pw-nav__pill {
        padding: 8px 10px 8px 16px;
    }

    .pw-nav__cart,
    .pw-burger {
        width: 44px;
        height: 44px;
    }

    .pw-nav__logo {
        font-size: 16px;
    }

    .pw-plan--featured {
        transform: none;
    }

    .pw-plan--featured:hover {
        transform: translateY(-6px);
    }

    .pw-cta__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .pw-cta__actions .pw-btn {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .pw-nav {
        padding: 0 12px;
    }

    .pw-nav__pill,
    .pw-nav.is-stuck .pw-nav__pill {
        gap: 6px;
        padding: 8px 8px 8px 14px;
    }

    .pw-nav__logo {
        flex: 0 1 auto;
        min-width: 0;
        margin-right: 0;
    }

    .pw-nav__logo-img {
        max-width: 100%;
    }

    .pw-nav__logo-text {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pw-nav__actions {
        gap: 4px;
    }

    .pw-nav__actions > .pw-theme-switch,
    .pw-nav__actions > .pw-drop--user {
        display: none;
    }
}

@media (min-width: 640px) {
    .pw-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .pw-table-wrap {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }

    .pw-table,
    .pw-table tbody,
    .pw-table tr,
    .pw-table td {
        display: block;
        width: 100%;
    }

    .pw-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .pw-table tr {
        margin: 0 0 12px;
        padding: 4px 2px;
        border: 1px solid var(--pw-line);
        border-radius: var(--pw-radius);
        background: var(--pw-glass);
    }

    .pw-table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 11px 14px;
        text-align: right;
        border-bottom: 1px dashed var(--pw-line);
    }

    .pw-table td:last-child {
        border-bottom: 0;
    }

    .pw-table td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        text-align: left;
        color: var(--pw-muted);
    }

    .pw-table td:empty {
        display: none;
    }

    .pw-table__actions {
        justify-content: flex-end;
    }

    .pw-hero__orbit--1 {
        display: none;
    }

    .pw-section__head--split {
        align-items: flex-start;
    }
}

@media (min-width: 768px) {
    .pw-grid--split {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pw-form-row--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .pw-auth {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .pw-auth__aside {
        gap: 12px;
        padding: 34px 22px;
    }

    .pw-auth__aside-title {
        font-size: 1.35rem;
    }

    .pw-auth__aside-text,
    .pw-auth__art {
        display: none;
    }

    .pw-auth__form {
        padding: 34px 20px 56px;
    }
}

@media (min-width: 900px) {
    .pw-auth {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1024px) {
    .pw-only-desktop {
        display: none !important;
    }

    .pw-nav__actions > .pw-btn--square {
        display: inline-grid;
        place-items: center;
        width: 44px;
        height: 44px;
        flex: 0 0 auto;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: inherit;
        cursor: pointer;
    }

    .pw-drawer__head .pw-theme-switch {
        width: 44px;
        height: 44px;
        margin-left: auto;
    }

    .pw-drawer__head .pw-theme-switch + .pw-drawer__close {
        margin-left: 0;
    }

    .pw-mega {
        display: none;
    }

    .pw-hero {
        min-height: 0;
    }

    .pw-hero__glow {
        opacity: .4;
    }
}

@media (min-width: 1025px) {
    .pw-only-mobile {
        display: none !important;
    }

    .pw-nav__menu {
        display: flex;
    }

    .pw-burger {
        display: none;
    }

    .pw-footer__grid {
        grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1025px) and (max-width: 1279.98px) {
    .pw-nav__menu {
        display: none;
    }

    .pw-burger {
        display: inline-grid;
    }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
    .pw-nav__link {
        padding: 10px 8px;
        font-size: 14px;
    }

    .pw-nav__link::after {
        left: 8px;
        right: 8px;
    }

    .pw-nav__actions {
        gap: 6px;
    }
}

@media (min-width: 1440px) {
    .pw-nav__link {
        padding: 10px 10px;
    }

    .pw-nav__link::after {
        left: 10px;
        right: 10px;
    }
}

@media (max-width: 640px) {
    .pw-topbar__link--lisans,
    .pw-topbar__sep--lisans {
        display: none;
    }
}

@media (min-width: 1280px) {
    :root {
        --pw-gutter: 48px;
    }

    .pw-hero__content {
        max-width: 760px;
    }
}

@media print {
    .pw-topbar,
    .pw-nav,
    .pw-drawer,
    .pw-social-rail,
    .pw-scrolltop,
    .pw-cta,
    .pw-newsletter {
        display: none !important;
    }

    .pw-hero,
    .pw-footer,
    .pw-section--dark {
        background: none !important;
        color: #000000 !important;
    }

    .pw-card,
    .pw-plan {
        border: 1px solid #CCCCCC;
        box-shadow: none;
        break-inside: avoid;
    }

    body {
        background: #FFFFFF;
        color: #000000;
    }
}

.pw-nav__logo-img {
  display: block;
  height: clamp(34px, 3.4vw, 46px);
  width: auto;
  max-width: clamp(170px, 17vw, 250px);
  object-fit: contain;
  transition: transform .35s ease;
}
.pw-nav__logo:hover .pw-nav__logo-img { transform: scale(1.04); }
.pw-nav.is-stuck .pw-nav__logo-img { height: clamp(30px, 3vw, 38px); }

.pw-alert--strip {
  border-radius: 0;
  justify-content: center;
  text-align: center;
  padding: 10px 18px;
  font-size: .8125rem;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}

.pw-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pw-primary), var(--pw-primary-2));
  color: #fff;
  font-weight: 800;
  font-size: .95rem;
  line-height: 1;
}

.pw-drop--user .pw-drop__btn {
  gap: 6px;
  padding: 4px 10px 4px 4px;
  border-radius: var(--pw-radius-pill);
}
.pw-drop--user .pw-drop__btn:hover { background: rgba(255, 255, 255, .08); }

.pw-drop__head {
  display: block;
  padding: 12px 16px 6px;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--pw-muted);
}

.pw-drop__item--danger { color: var(--pw-err); }
.pw-drop__item--danger:hover { background: rgba(239, 68, 68, .12); color: var(--pw-err); }

.pw-searchbar {
  position: relative;
  z-index: 890;
  margin: 14px auto 0;
  width: min(1280px, 100% - 40px);
}
.pw-searchbar .pw-domain__field {
  background: var(--pw-surface);
  border: 1px solid var(--pw-line);
  box-shadow: var(--pw-shadow);
}
.pw-searchbar .pw-container { width: 100%; padding: 0; }

@media (max-width: 640px) {
  .pw-searchbar { width: calc(100% - 28px); }
}

@keyframes pw-slide-in {
  from { transform: translateX(24px); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}
.pw-slide-in { animation: pw-slide-in .26s cubic-bezier(.22, .9, .28, 1) both; }

@media (prefers-reduced-motion: reduce) {
  .pw-slide-in { animation: none; }
}

.pw-mega__icon.pw-icon-box--accent,
.pw-mega__icon.pw-icon-box--plum,
.pw-mega__icon.pw-icon-box--ok,
.pw-mega__icon.pw-icon-box--ghost { color: #fff; }

.pw-hero__dots {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
}

.pw-hero__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .26);
  cursor: pointer;
  transition: width .3s ease, background-color .3s ease;
}

.pw-hero__dot:hover { background: rgba(255, 255, 255, .48); }

.pw-hero__dot.is-active {
  width: 30px;
  background: var(--pw-accent);
}

.pw-hero__dot:focus-visible {
  outline: 2px solid var(--pw-accent);
  outline-offset: 3px;
}

.pw-section--overlap {
  position: relative;
  z-index: 5;
  margin-top: clamp(-120px, -7vw, -56px);
  padding-top: 0;
}
.pw-section--overlap .pw-section__head { padding-top: clamp(40px, 5vw, 72px); }

.pw-card--stretch {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pw-card--stretch .pw-card__foot { margin-top: auto; padding-top: 18px; }

[data-polo-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease var(--pw-delay, 0ms), transform .6s cubic-bezier(.22, .9, .28, 1) var(--pw-delay, 0ms);
}
[data-polo-reveal].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-polo-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.pw-cta--split .pw-cta__inner {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
  text-align: left;
}

.pw-cta--split .pw-cta__text { max-width: 56ch; }

.pw-cta--split .pw-cta__actions {
  justify-content: flex-start;
  margin-top: 28px;
}

.pw-cta__media {
  position: relative;
  border-radius: var(--pw-radius-lg);
  overflow: hidden;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pw-cta__media img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: var(--pw-radius-lg);
}

.pw-cta__art {
  width: 100%;
  padding: clamp(18px, 3vw, 40px);
  filter: drop-shadow(0 22px 48px rgba(12, 2, 35, .45));
}

@media (max-width: 900px) {
  .pw-cta--split .pw-cta__inner { grid-template-columns: 1fr; }
  .pw-cta__media { order: -1; min-height: 180px; }
  .pw-cta__media img { max-height: 260px; }
}

@media (max-width: 640px) {
  .pw-cta--split .pw-cta__actions { flex-direction: column; align-items: stretch; }
}

.pw-post {
  display: flex;
  flex-direction: column;
  background: var(--pw-glass);
  border: 1px solid var(--pw-line);
  border-radius: var(--pw-radius-lg);
  overflow: hidden;
  height: 100%;
  transition: transform .4s cubic-bezier(.22, .9, .28, 1), box-shadow .4s ease, border-color .4s ease;
}

.pw-post:hover {
  transform: translateY(-6px);
  border-color: rgba(53, 56, 205, .38);
  box-shadow: var(--pw-shadow);
}

.pw-post__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pw-surface), var(--pw-surface-2));
}

.pw-post__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(.22, .9, .28, 1);
}

.pw-post:hover .pw-post__media img { transform: scale(1.06); }

.pw-post__ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(3rem, 7vw, 4.5rem);
  font-weight: 800;
  color: var(--pw-line);
  color: color-mix(in srgb, var(--pw-text) 16%, transparent);
  background:
    radial-gradient(120% 90% at 20% 10%, rgba(53, 56, 205, .45), transparent 60%),
    linear-gradient(135deg, var(--pw-surface), var(--pw-bg-2));
}

.pw-post__date {
  position: absolute;
  top: 14px;
  left: 14px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(16, 4, 37, .74);
  backdrop-filter: none;
  border: 1px solid var(--pw-line);
  color: var(--pw-accent);
  font-size: .6875rem;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
}

.pw-post__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: clamp(18px, 2.2vw, 26px);
}

.pw-post__meta {
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pw-muted);
}

.pw-post__title {
  font-size: 1.1875rem;
  line-height: 1.35;
  font-weight: 700;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pw-post__title a { color: inherit; text-decoration: none; }
.pw-post__title a:hover { color: var(--pw-accent); }

.pw-post__excerpt {
  margin: 0;
  color: var(--pw-muted);
  font-size: .9375rem;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pw-post .pw-card__link { margin-top: auto; padding-top: 14px; }

@media (prefers-reduced-motion: reduce) {
  .pw-post, .pw-post__media img { transition: none; }
  .pw-post:hover { transform: none; }
  .pw-post:hover .pw-post__media img { transform: none; }
}

.pw-ref__media {
  position: relative;
  border-radius: var(--pw-radius-lg);
  overflow: hidden;
  border: 1px solid var(--pw-line);
  background: linear-gradient(140deg, var(--pw-surface), var(--pw-bg-2));
  box-shadow: var(--pw-shadow);
}

.pw-ref__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.pw-ref__art { padding: clamp(20px, 3vw, 40px); }

.pw-ref__badge {
  position: absolute;
  left: clamp(14px, 2vw, 24px);
  right: clamp(14px, 2vw, 24px);
  bottom: clamp(14px, 2vw, 24px);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: var(--pw-radius);
  background: rgba(16, 4, 37, .78);
  backdrop-filter: none;
  border: 1px solid var(--pw-line);
}

.pw-ref__badge strong { display: block; font-size: .9375rem; line-height: 1.3; }
.pw-ref__badge small { display: block; font-size: .75rem; color: var(--pw-muted); }

.pw-ref__body { display: flex; flex-direction: column; gap: 18px; }
.pw-ref__features { margin-top: 4px; }
.pw-ref__features .pw-card--row { gap: 12px; align-items: center; }

@media (max-width: 900px) {
  .pw-ref__media { order: -1; }
}

.pw-product {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--pw-glass);
  border: 1px solid var(--pw-line);
  border-radius: var(--pw-radius-lg);
  overflow: hidden;
  transition: transform .4s cubic-bezier(.22, .9, .28, 1), box-shadow .4s ease, border-color .4s ease;
}

.pw-product:hover {
  transform: translateY(-6px);
  border-color: rgba(53, 56, 205, .4);
  box-shadow: var(--pw-shadow);
}

.pw-product__media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: linear-gradient(135deg, var(--pw-surface), var(--pw-bg-2));
}

.pw-product__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .9s cubic-bezier(.22, .9, .28, 1);
}

.pw-product:hover .pw-product__media img { transform: scale(1.06); }

.pw-product__ph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(2.6rem, 6vw, 4rem);
  font-weight: 800;
  color: var(--pw-line);
  color: color-mix(in srgb, var(--pw-text) 16%, transparent);
}

.pw-product__tags {
  position: absolute;
  top: 12px;
  left: 12px;
  right: 82px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pw-product__price {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 7px 13px;
  border-radius: 12px;
  background: var(--pw-accent);
  color: var(--pw-deep);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .6);
}

.pw-product__price small { font-size: .75rem; font-weight: 700; }

.pw-product__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding: 18px;
}

.pw-product__title {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.35;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pw-product__title a { color: inherit; text-decoration: none; }
.pw-product__title a:hover { color: var(--pw-accent); }

.pw-product__desc {
  margin: 0;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--pw-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pw-product__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: .75rem;
  color: var(--pw-muted);
}

.pw-product__meta span {
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--pw-line);
  background: rgba(255, 255, 255, .04);
}

.pw-product__body .pw-btn { margin-top: auto; }

@media (prefers-reduced-motion: reduce) {
  .pw-product, .pw-product__media img { transition: none; }
  .pw-product:hover { transform: none; }
  .pw-product:hover .pw-product__media img { transform: none; }
}

.pw-domain-result__head {
  margin: 0 0 12px;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--pw-muted);
}

.pw-domain-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  margin-bottom: 10px;
  border-radius: var(--pw-radius);
  background: var(--pw-glass);
  border: 1px solid var(--pw-line);
  border-left: 3px solid transparent;
}

.pw-domain-row.is-available { border-left-color: var(--pw-ok); }
.pw-domain-row.is-taken { border-left-color: var(--pw-err); opacity: .72; }

.pw-domain-row__name {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pw-domain-row__state {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.pw-domain-row.is-available .pw-domain-row__state {
  background: rgba(34, 197, 94, .16);
  color: var(--pw-ok);
}

.pw-domain-row.is-taken .pw-domain-row__state {
  background: rgba(239, 68, 68, .16);
  color: var(--pw-err);
}

.pw-domain-row__price {
  font-weight: 800;
  color: var(--pw-accent);
  white-space: nowrap;
}

.pw-domain-row__buy {
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--pw-plum);
  color: #fff;
  font-size: .8125rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .25s ease;
}

.pw-domain-row__buy:hover { background: var(--pw-primary); color: #fff; }

.pw-domain-row.pw-skeleton { height: 54px; border-left-color: transparent; }

.pw-tld-chip.is-featured {
  border-color: rgba(53, 56, 205, .55);
  box-shadow: 0 0 24px -10px rgba(53, 56, 205, .7);
}

@media (max-width: 640px) {
  .pw-domain-row { flex-wrap: wrap; gap: 8px; }
  .pw-domain-row__name { flex: 1 1 100%; }
  .pw-domain-row__buy { margin-left: auto; }
}

.pw-spin svg { animation: pw-rotate .9s linear infinite; }

@keyframes pw-rotate {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .pw-spin svg { animation: none; }
}

.pw-dialog {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8, 2, 20, .62);
  backdrop-filter: none;
  opacity: 0;
  transition: opacity .18s ease;
}

.pw-dialog.is-open { opacity: 1; }

.pw-dialog__box {
  width: min(420px, 100%);
  padding: clamp(24px, 4vw, 34px);
  border-radius: var(--pw-radius-lg);
  background: var(--pw-surface);
  border: 1px solid var(--pw-line);
  box-shadow: var(--pw-shadow);
  text-align: center;
  transform: translateY(12px) scale(.97);
  transition: transform .2s cubic-bezier(.22, .9, .28, 1);
}

.pw-dialog.is-open .pw-dialog__box { transform: none; }

.pw-dialog__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  margin-bottom: 16px;
  border-radius: 50%;
}

.pw-dialog__icon--success { background: rgba(34, 197, 94, .14); color: var(--pw-ok); }
.pw-dialog__icon--error   { background: rgba(239, 68, 68, .14); color: var(--pw-err); }
.pw-dialog__icon--warning { background: rgba(245, 158, 11, .14); color: var(--pw-warn); }
.pw-dialog__icon--info,
.pw-dialog__icon--question { background: rgba(53, 56, 205, .16); color: var(--pw-primary-2); }

.pw-dialog__title {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.pw-dialog__text {
  margin: 0;
  color: var(--pw-muted);
  font-size: .9375rem;
  line-height: 1.65;
}

.pw-dialog__loader {
  display: block;
  width: 32px;
  height: 32px;
  margin: 20px auto 0;
  border-radius: 50%;
  border: 3px solid var(--pw-line);
  border-top-color: var(--pw-primary-2);
  animation: pw-rotate .8s linear infinite;
}

.pw-dialog__actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 22px;
}

.pw-dialog__actions .pw-btn { min-width: 120px; }

@media (max-width: 480px) {
  .pw-dialog__actions { flex-direction: column; }
  .pw-dialog__actions .pw-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .pw-dialog, .pw-dialog__box { transition: none; }
  .pw-dialog__loader { animation: none; }
}

#cartToast {
  transform: translateX(130%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: transform .45s cubic-bezier(.22, .9, .28, 1), opacity .3s ease, visibility .3s;
}

#cartToast.is-visible,
#cartToast.show {
  transform: none;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  #cartToast { transition: none; }
}

.pc {
  position: fixed;
  bottom: 22px;
  right: 22px;
  z-index: 99990;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.pc[data-pc-konum="left"] { right: auto; left: 22px; }

.pc__launcher {
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pw-primary), var(--pw-primary-2));
  color: #fff;
  cursor: pointer;
  box-shadow: 0 14px 34px -10px rgba(53, 56, 205, .85);
  transition: transform .25s cubic-bezier(.22, .9, .28, 1), box-shadow .25s ease;
}

.pc__launcher:hover { transform: scale(1.06); }
.pc__launcher:active { transform: scale(.97); }

.pc__launcher-icon {
  position: absolute;
  display: grid;
  place-items: center;
  transition: opacity .2s ease, transform .25s ease;
}

.pc__launcher-icon--close { opacity: 0; transform: rotate(-90deg) scale(.7); }
.pc__launcher.is-open .pc__launcher-icon--chat { opacity: 0; transform: rotate(90deg) scale(.7); }
.pc__launcher.is-open .pc__launcher-icon--close { opacity: 1; transform: none; }

.pc__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--pw-accent);
  color: #2A1000;
  font-size: 11px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  border: 2px solid var(--pw-bg);
}

.pc__panel {
  position: absolute;
  bottom: 72px;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 372px;
  max-width: calc(100vw - 32px);
  height: 540px;
  max-height: calc(100vh - 120px);
  border-radius: 20px;
  overflow: hidden;
  background: var(--pw-surface);
  border: 1px solid var(--pw-line);
  box-shadow: 0 28px 70px -20px rgba(8, 2, 22, .7);
  animation: pc-in .22s cubic-bezier(.22, .9, .28, 1);
}

.pc[data-pc-konum="left"] .pc__panel { right: auto; left: 0; }

@keyframes pc-in {
  from { opacity: 0; transform: translateY(14px) scale(.98); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pc__panel { animation: none; }
  .pc__launcher { transition: none; }
}

.pc__head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 14px 14px 16px;
  background: linear-gradient(135deg, var(--pw-plum), var(--pw-primary));
  color: #fff;
  flex: 0 0 auto;
}

.pc__avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
}

.pc__head-text { flex: 1 1 auto; min-width: 0; }
.pc__head-text strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.2; }

.pc__status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  opacity: .85;
  margin-top: 2px;
}

.pc__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ADE80;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, .25);
  flex: 0 0 7px;
}

.pc__head-actions { display: flex; gap: 2px; flex: 0 0 auto; }

.pc__hbtn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  opacity: .8;
  transition: background-color .2s ease, opacity .2s ease;
}

.pc__hbtn:hover { background: rgba(255, 255, 255, .16); opacity: 1; }

.pc__menu {
  position: absolute;
  top: 56px;
  right: 12px;
  z-index: 5;
  min-width: 176px;
  padding: 6px;
  border-radius: 12px;
  background: var(--pw-surface-2);
  border: 1px solid var(--pw-line);
  box-shadow: var(--pw-shadow);
}

.pc__menu button {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--pw-text);
  font: inherit;
  font-size: 13px;
  text-align: start;
  cursor: pointer;
}

.pc__menu button:hover { background: rgba(255, 255, 255, .08); }

.pc__intro {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 18px 16px;
  color: var(--pw-text);
}

.pc__intro-text { margin: 0 0 14px; font-size: 13.5px; color: var(--pw-muted); }

.pc__field { display: block; margin-bottom: 12px; }

.pc__field > span {
  display: block;
  margin-bottom: 5px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .03em;
  color: var(--pw-muted);
}

.pc__field input,
.pc__field select {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--pw-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, .05);
  color: var(--pw-text);
  font: inherit;
  font-size: 14px;
  outline: 0;
  transition: border-color .2s ease, background-color .2s ease;
}

.pc__field input:focus,
.pc__field select:focus {
  border-color: var(--pw-primary-2);
  background: rgba(255, 255, 255, .09);
}

.pc__field select option { color: #0F172A; }

.pc__error {
  margin: 0 0 12px;
  padding: 9px 12px;
  border-radius: 10px;
  background: rgba(239, 68, 68, .14);
  color: #FCA5A5;
  font-size: 12.5px;
}

.pc__submit {
  width: 100%;
  padding: 12px 18px;
  border: 0;
  border-radius: 12px;
  background: var(--pw-plum);
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .22s ease;
}

.pc__submit:hover { background: var(--pw-primary); }
.pc__submit:disabled { opacity: .65; cursor: progress; }

.pc__note {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  color: var(--pw-muted);
  text-align: center;
}

.pc__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.pc__messages {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  scrollbar-width: thin;
}

.pc__messages::-webkit-scrollbar { width: 6px; }
.pc__messages::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .16);
  border-radius: 20px;
}

.pc__msg { display: flex; align-items: flex-end; gap: 8px; max-width: 88%; }
.pc__msg--me { margin-left: auto; flex-direction: row-reverse; }

.pc__msg-av {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pw-primary), var(--pw-primary-2));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.pc__bubble {
  padding: 9px 13px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid var(--pw-line);
  color: var(--pw-text);
  min-width: 0;
}

.pc__msg--agent .pc__bubble { border-bottom-left-radius: 5px; }

.pc__msg--me .pc__bubble {
  background: var(--pw-primary);
  border-color: transparent;
  color: #fff;
  border-bottom-right-radius: 5px;
}

.pc__msg-name {
  display: block;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 700;
  color: var(--pw-accent);
}

.pc__msg-text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pc__msg-time {
  display: block;
  margin-top: 3px;
  font-size: 10.5px;
  opacity: .6;
  text-align: end;
}

.pc__sys {
  align-self: center;
  max-width: 92%;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--pw-muted);
  font-size: 11.5px;
  text-align: center;
}

.pc__typing {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 10px;
  font-size: 12px;
  color: var(--pw-muted);
  flex: 0 0 auto;
}

.pc__typing-dots { display: inline-flex; gap: 3px; }

.pc__typing-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--pw-muted);
  animation: pc-bounce 1.1s infinite;
}

.pc__typing-dots i:nth-child(2) { animation-delay: .16s; }
.pc__typing-dots i:nth-child(3) { animation-delay: .32s; }

@keyframes pc-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: .45; }
  30%           { transform: translateY(-4px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pc__typing-dots i { animation: none; }
}

.pc__compose {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--pw-line);
  flex: 0 0 auto;
}

.pc__compose textarea {
  flex: 1 1 auto;
  min-height: 42px;
  max-height: 120px;
  padding: 11px 14px;
  border: 1px solid var(--pw-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .05);
  color: var(--pw-text);
  font: inherit;
  font-size: 14px;
  line-height: 1.45;
  resize: none;
  outline: 0;
}

.pc__compose textarea:focus { border-color: var(--pw-primary-2); }

.pc__send {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 0;
  border-radius: 50%;
  background: var(--pw-plum);
  color: #fff;
  cursor: pointer;
  transition: background-color .2s ease, transform .15s ease;
}

.pc__send:hover { background: var(--pw-primary); }
.pc__send:active { transform: scale(.94); }

.pc__rate {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 22px 18px;
  text-align: center;
  color: var(--pw-text);
}

.pc__rate p { margin: 0; font-size: 14px; font-weight: 600; }

.pc__stars { display: flex; justify-content: center; gap: 4px; }

.pc__star {
  padding: 4px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .22);
  cursor: pointer;
  transition: color .18s ease, transform .18s ease;
}

.pc__star:hover { transform: scale(1.12); }
.pc__star.is-on { color: var(--pw-accent); }

.pc__rate textarea {
  width: 100%;
  padding: 10px 13px;
  border: 1px solid var(--pw-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .05);
  color: var(--pw-text);
  font: inherit;
  font-size: 13.5px;
  resize: none;
  outline: 0;
}

.pc__closed {
  margin: 0;
  padding: 16px;
  border-top: 1px solid var(--pw-line);
  text-align: center;
  font-size: 13px;
  color: var(--pw-muted);
  flex: 0 0 auto;
}

.pc__closed button {
  display: block;
  margin: 10px auto 0;
  padding: 9px 18px;
  border: 1px solid var(--pw-line);
  border-radius: 999px;
  background: transparent;
  color: var(--pw-text);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.pc__closed button:hover { background: rgba(255, 255, 255, .08); }

@media (max-width: 480px) {
  .pc { bottom: 16px; right: 16px; }
  .pc[data-pc-konum="left"] { left: 16px; }

  .pc__panel {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    border: 0;
  }
}

.pc [hidden],
.pc[hidden] {
  display: none !important;
}

.pc__agent {
  flex: 0 0 auto;
  padding: 0 14px 10px;
  text-align: center;
}

.pc__agent.is-done { padding-bottom: 12px; }

.pc__agent-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid var(--pw-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--pw-text);
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease;
}

.pc__agent-btn:hover {
  background: rgba(53, 56, 205, .18);
  border-color: rgba(53, 56, 205, .5);
}

.pc__agent-btn:disabled { opacity: .6; cursor: progress; }
.pc__agent-btn[hidden] { display: none; }

.pc__agent-note {
  display: block;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(34, 197, 94, .14);
  color: #86EFAC;
  font-size: 12px;
  line-height: 1.5;
}

.pc__agent-note[hidden] { display: none; }

.pa-chat__item.is-pending { box-shadow: inset 2px 0 0 var(--pw-accent); }

.pa-chat__item-wait {
  display: inline-block;
  margin-top: 3px;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(255, 126, 20, .16);
  color: #B45309;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pw-container--narrow { width: min(760px, 100% - 40px); margin-inline: auto; }

.pw-field__input + .pw-field__label,
.pw-field__input + .pw-field__toggle + .pw-field__label {
    position: absolute;
    left: 17px;
    top: 15px;
    margin: 0;
    max-width: calc(100% - 52px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--pw-muted);
    pointer-events: none;
    transform-origin: left top;
    transition: transform .16s ease, font-size .16s ease, color .16s ease;
}

.pw-field:has(> .pw-field__input + .pw-field__label) > .pw-field__input,
.pw-field:has(> select.pw-field__input) > .pw-field__input {
    padding-top: 21px;
    padding-bottom: 7px;
}

.pw-field__input:focus + .pw-field__label,
.pw-field__input:not(:placeholder-shown) + .pw-field__label,
.pw-field__input:-webkit-autofill + .pw-field__label {
    transform: translateY(-9px) scale(.76);
    color: var(--pw-primary-ink);
}

.pw-field select.pw-field__input + .pw-field__label {
    transform: translateY(-9px) scale(.76);
}

body:has(.pw-nav) .pw-auth {
    min-height: 0;
    padding: 0;
}

body:has(.pw-nav) .pw-auth__aside,
body:has(.pw-nav) .pw-auth__form {
    padding-top: clamp(36px, 4vw, 64px);
    padding-bottom: clamp(36px, 4vw, 64px);
}

@media (min-width: 960px) {
    .pw-auth {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    body:has(.pw-nav) .pw-auth {
        border-radius: 18px;
        overflow: hidden;
        max-width: 1280px;
        margin: 0 auto clamp(40px, 6vw, 90px);
        box-shadow: var(--pw-shadow);
    }
}

.pw-auth.pw-auth--tek {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 960px) {
    body:has(.pw-nav) .pw-auth.pw-auth--tek {
        max-width: 560px;
        margin-top: clamp(24px, 3vw, 40px);
    }

    body:has(.pw-nav) .pw-auth.pw-auth--genis {
        max-width: 760px;
    }
}

@media (max-width: 959px) {
    .pw-auth__aside {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .pw-auth__aside-title {
        font-size: 1.35rem;
    }

    .pw-auth__aside-text,
    .pw-auth .pw-feature-list {
        display: none;
    }

    .pw-auth__box {
        max-width: 100%;
    }
}

.pw-nav__item:has(> .pw-mega) {
    position: static;
}

.pw-mega {

    max-width: calc(100vw - 40px);
}

.pw-mega {
    transition: opacity .12s var(--pw-ease), transform .2s var(--pw-ease), visibility .12s;
}

@media (prefers-reduced-motion: reduce) {
    .pw-mega {
        transition: none;
    }
}

.pf-gecis { transition: opacity .28s ease, transform .28s ease; }
.pf-gecis--gizli { opacity: 0; transform: translateY(14px); }

.pf-cerez {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9990;
    width: min(440px, calc(100vw - 40px));
}

.pf-cerez__ic {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px 14px;
    padding: 18px;
    border: 1px solid var(--pw-line);
    border-radius: 14px;
    background: var(--pw-panel, var(--pw-surface));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

.pf-cerez__ikon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    color: var(--pw-primary-ink);
    background: var(--pw-surface-2);
}

.pf-cerez__ikon svg { width: 22px; height: 22px; }

.pf-cerez__baslik {
    margin: 0 0 4px;
    font-size: .95rem;
    font-weight: 700;
    color: var(--pw-text);
}

.pf-cerez__metin p {
    margin: 0;
    font-size: .84rem;
    line-height: 1.6;
    color: var(--pw-muted);
}

.pf-cerez__metin a {
    color: var(--pw-primary-ink);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pf-cerez__eylem {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
}

.pf-cerez__eylem .pw-btn { flex: 1 1 auto; }

.pf-cerez__tercih {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 0;
    padding: 12px 0 2px;
    border: 0;
    border-top: 1px solid var(--pw-line);
}

.pf-cerez__tercih .pw-check { color: var(--pw-text); }

.pf-cerez.is-opening { animation: pf-cerez-giris .28s ease both; }

@keyframes pf-cerez-giris {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .pf-cerez.is-opening { animation: none; }
}

@media (max-width: 520px) {
    .pf-cerez { left: 12px; right: 12px; bottom: 12px; width: auto; }
    .pf-cerez__eylem { flex-direction: column-reverse; }
}

.pf-iletisim {
    position: fixed;
    right: 24px;
    bottom: 104px;
    z-index: 9980;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pf-iletisim__dugme {
    position: relative;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
    transition: transform .18s ease;
}

.pf-iletisim__dugme:hover { transform: scale(1.08); }
.pf-iletisim__dugme svg { width: 26px; height: 26px; }
.pf-iletisim__dugme--wa { background: #25D366; }
.pf-iletisim__dugme--tg { background: #229ED9; }

.pf-iletisim__ipucu {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    padding: 5px 10px;
    border-radius: 7px;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
    color: var(--pw-text);
    background: var(--pw-panel, var(--pw-surface));
    border: 1px solid var(--pw-line);
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}

.pf-iletisim__dugme:hover .pf-iletisim__ipucu,
.pf-iletisim__dugme:focus-visible .pf-iletisim__ipucu { opacity: 1; }

.pf-kampanya__kutu {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 720px;
    border: 1px solid var(--pw-line);
    border-radius: 16px;
    background: var(--pw-panel, var(--pw-surface));
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
}

.pf-kampanya__kutu:has(.pf-kampanya__gorsel) { grid-template-columns: 1fr 1fr; }

@media (max-width: 640px) {
    .pf-kampanya__kutu:has(.pf-kampanya__gorsel) { grid-template-columns: 1fr; }
}

.pf-kampanya__gorsel { min-height: 220px; background: var(--pw-surface-2); }

.pf-kampanya__gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pf-kampanya__govde {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(22px, 4vw, 38px);
}

.pf-kampanya__baslik {
    margin: 0 0 10px;
    font-size: clamp(1.25rem, 3vw, 1.7rem);
    font-weight: 800;
    line-height: 1.25;
    color: var(--pw-text);
}

.pf-kampanya__metin {
    margin: 0 0 22px;
    font-size: .9rem;
    line-height: 1.75;
    color: var(--pw-muted);
}

.pf-kampanya__kapat {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 34px;
    height: 34px;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--pw-text);
    background: var(--pw-surface-2);
    border: 1px solid var(--pw-line);
    border-radius: 50%;
    cursor: pointer;
}

.pf-toast {
    position: fixed;
    top: 96px;
    right: 20px;
    z-index: 10000;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(360px, calc(100vw - 40px));
    padding: 12px 14px;
    border: 1px solid var(--pw-line);
    border-radius: 12px;
    background: var(--pw-panel, var(--pw-surface));
    box-shadow: 0 16px 40px rgba(0, 0, 0, .26);
    opacity: 0;
    transform: translateX(120%);
    pointer-events: none;
    transition: opacity .35s ease, transform .45s var(--pw-ease);
}

.pf-toast.is-visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.pf-toast__ikon {
    display: grid;
    place-items: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
    background: #16a34a;
}

.pf-toast__ikon svg { width: 20px; height: 20px; }

.pf-toast__metin { flex: 1; min-width: 0; }

.pf-toast__etiket {
    display: block;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pw-muted);
}

.pf-toast__metin strong {
    display: block;
    font-size: .88rem;
    color: var(--pw-text);
}

@media (prefers-reduced-motion: reduce) {
    .pf-toast, .pf-gecis { transition: none; }
}

.pw-lang { position: relative; }

.pw-topbar__lang {
    border: 0;
    background: none;
    font: inherit;
    cursor: pointer;
    padding: 0;
}

.pw-topbar__lang-kod {
    padding: 1px 6px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .14);
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .04em;
}

.pw-lang__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-pill);
    background: var(--pw-glass);
    color: var(--pw-text);
    font: 700 13px/1 var(--pw-font);
    letter-spacing: .02em;
    cursor: pointer;
    transition: border-color var(--pw-t-fast), background var(--pw-t-fast);
}

.pw-lang__btn:hover,
.pw-lang__btn:focus-visible { border-color: var(--pw-primary); outline: none; }

.pw-lang__modal {
    position: fixed;
    inset: 0;
    z-index: calc(var(--pw-z-drawer, 90) + 5);
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(8, 6, 20, .55);
    backdrop-filter: none;
}

.pw-lang__panel {
    width: min(560px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    border: 1px solid var(--pw-line);
    border-radius: var(--pw-radius-lg);
    background: var(--pw-surface, #fff);
    box-shadow: var(--pw-shadow-lg);
    padding: 18px;
}

.pw-lang__ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.pw-lang__ust strong { font-size: 17px; color: var(--pw-text); }

.pw-lang__kapat {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: var(--pw-glass);
    color: var(--pw-muted);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.pw-lang__liste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px;
}

.pw-lang__secenek {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--pw-line);
    border-radius: 12px;
    color: var(--pw-text);
    text-decoration: none;
    transition: border-color var(--pw-t-fast), background var(--pw-t-fast);
}

.pw-lang__secenek:hover { border-color: var(--pw-primary); }

.pw-lang__secenek.is-etkin {
    border-color: var(--pw-primary);
    background: var(--pw-glass);
    cursor: default;
}

.pw-lang__kod {
    min-width: 32px;
    height: 22px;
    padding: 0 6px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: var(--pw-primary);
    color: #fff;
    font: 800 11px/1 var(--pw-font-mono, monospace);
    letter-spacing: .04em;
}

.pw-lang__ad {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
}

.pw-lang__ad small { font-size: 11.5px; font-weight: 500; color: var(--pw-muted); }

.pw-lang__tik { color: var(--pw-primary); font-weight: 800; }

@media (max-width: 560px) {
    .pw-lang__btn span { display: none; }
    .pw-lang__btn { width: 40px; padding: 0; justify-content: center; }
    .pw-lang__liste { grid-template-columns: 1fr 1fr; }
}