.wifi-backdrop{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--primitive-sky-950) 88%, transparent) 0%, color-mix(in srgb, var(--primitive-night-950) 95%, transparent) 100%);-webkit-backdrop-filter:blur(16px)saturate(.7)}.wifi-signal-ring{width:calc(var(--ring-size) * 1px);height:calc(var(--ring-size) * 1px);border-color:color-mix(in srgb, var(--primitive-sky-400) calc(var(--ring-opacity) * 100%), transparent)}.wifi-particle{left:calc(var(--particle-x) * 1%);top:calc(var(--particle-y) * 1%);width:calc(var(--particle-size) * 1px);height:calc(var(--particle-size) * 1px);background:color-mix(in srgb, var(--primitive-sky-400) calc(var(--particle-alpha) * 1%), transparent)}.wifi-icon-glow{background:radial-gradient(circle, color-mix(in srgb, var(--primitive-sky-400) 25%, transparent) 0%, transparent 70%);filter:blur(12px);transform:scale(3)}.wifi-icon-box{background:linear-gradient(145deg, color-mix(in srgb, var(--primitive-sky-400) 25%, transparent) 0%, color-mix(in srgb, var(--primitive-sky-500) 15%, transparent) 100%);border:1px solid color-mix(in srgb, var(--primitive-sky-400) 30%, transparent);box-shadow:0 8px 32px color-mix(in srgb, var(--primitive-sky-400) 20%, transparent)}.wifi-title-gradient{background:linear-gradient(135deg, var(--primitive-snow-50) 0%, color-mix(in srgb, var(--primitive-sky-200) 90%, transparent) 50%, var(--primitive-snow-50) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.wifi-subtitle{color:var(--white-a40);letter-spacing:.12em;text-transform:uppercase}.wifi-qr-card{background:linear-gradient(160deg, var(--white-a08) 0%, var(--white-a03) 100%);border:1px solid var(--white-a10);box-shadow:0 8px 32px var(--black-a30), inset 0 1px 0 var(--white-a08)}.wifi-qr-glow{background:radial-gradient(circle, color-mix(in srgb, var(--primitive-sky-400) 15%, transparent) 0%, transparent 70%);filter:blur(20px)}.wifi-qr-frame{box-shadow:0 0 30px color-mix(in srgb, var(--primitive-sky-400) 15%, transparent), 0 4px 16px var(--black-a22)}.wifi-qr-logo-shadow{box-shadow:0 2px 8px var(--black-a10)}.wifi-network-pill{background:color-mix(in srgb, var(--primitive-sky-400) 10%, transparent);border:1px solid color-mix(in srgb, var(--primitive-sky-400) 20%, transparent)}.wifi-step-card{background:var(--white-a04);border:1px solid var(--white-a06)}.wifi-step-card--secure{background:color-mix(in srgb, var(--dataviz-temp-mild) 6%, transparent);border:1px solid color-mix(in srgb, var(--dataviz-temp-mild) 15%, transparent)}.wifi-step-icon{background:color-mix(in srgb, var(--primitive-sky-400) 12%, transparent);border:1px solid color-mix(in srgb, var(--primitive-sky-400) 20%, transparent)}.wifi-step-icon--secure{background:color-mix(in srgb, var(--dataviz-temp-mild) 15%, transparent);border:1px solid color-mix(in srgb, var(--dataviz-temp-mild) 25%, transparent)}.wifi-step-icon--secure svg{color:var(--primitive-pine-400)}.wifi-step-icon svg{color:var(--primitive-sky-300)}.wifi-platform-badge{border:1px solid var(--white-a16)}.wifi-gate-card{background:linear-gradient(160deg, var(--white-a06) 0%, var(--white-a03) 100%);border:1px solid var(--white-a10);box-shadow:0 8px 28px var(--black-a25)}