.utility-page{background:var(--color-background);align-items:center;min-height:calc(100vh - 5.5rem);padding:4.5rem 1.5rem 5rem;display:flex;position:relative;overflow:hidden}.utility-page__accent-bar{z-index:2;background:var(--color-accent);height:3px;position:absolute;top:0;left:0;right:0}.utility-page__glow{background:color-mix(in srgb, var(--color-accent) 9%, transparent);filter:blur(90px);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;top:-10%;left:-8%}.utility-page__glow--right{background:color-mix(in srgb, var(--color-accent) 7%, transparent);width:320px;height:320px;inset:auto -6% -12% auto}.utility-page__mesh{background-image:linear-gradient(color-mix(in srgb, var(--color-accent) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 3.5%, transparent) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 85%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 85%)}.utility-page__inner{z-index:1;width:100%;max-width:720px;margin:0 auto;position:relative}.utility-page__breadcrumb{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:2rem;font-size:.85rem;display:flex}.utility-page__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.utility-page__breadcrumb a:hover{color:var(--color-accent)}.utility-page__breadcrumb span[aria-hidden]{color:var(--color-text-muted);opacity:.5}.utility-page__breadcrumb-current{color:var(--color-primary);font-weight:600}.utility-page__card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, var(--color-background));text-align:center;border-radius:1.25rem;padding:2.25rem 1.75rem;position:relative;overflow:hidden}@media (min-width:640px){.utility-page__card{padding:3rem 2.5rem}}.utility-page__card-accent{background:var(--color-accent);width:4px;height:100%;position:absolute;top:0;left:0}.utility-page__card-pattern{background-image:linear-gradient(color-mix(in srgb, var(--color-accent) 3%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 3%, transparent) 1px, transparent 1px);pointer-events:none;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 10%,#0000 75%);mask-image:linear-gradient(#000 10%,#0000 75%)}.utility-page__icon-wrap{z-index:1;background:color-mix(in srgb, var(--color-accent) 14%, var(--color-background));border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent);width:4.25rem;height:4.25rem;color:var(--color-accent);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1.35rem;display:inline-flex;position:relative}.utility-page__code{z-index:1;letter-spacing:-.05em;color:color-mix(in srgb, var(--color-accent) 22%, var(--color-primary));margin:0 0 .35rem;font-size:clamp(4.5rem,14vw,7rem);font-weight:900;line-height:1;position:relative}.utility-page__title{z-index:1;letter-spacing:-.03em;color:var(--color-primary);margin:0 0 .85rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1.15;position:relative}.utility-page__title-accent{color:var(--color-accent)}.utility-page__desc{z-index:1;max-width:32rem;color:var(--color-text-muted);margin:0 auto 1.75rem;font-size:1rem;line-height:1.65;position:relative}.utility-page__chips{z-index:1;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex;position:relative}.utility-page__chip{border-radius:var(--radius-full);color:var(--color-primary);background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 18%, var(--color-border));align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.utility-page__chip svg{color:var(--color-accent);flex-shrink:0}.utility-page__status{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);background:color-mix(in srgb, var(--color-accent) 8%, transparent);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex;position:relative}.utility-page__status-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite utility-page-pulse}@keyframes utility-page-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.utility-page__actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:relative}.utility-page__link-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:2rem;display:grid;position:relative}@media (min-width:480px){.utility-page__link-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.utility-page__nav-card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-background));color:var(--color-primary);border-radius:.75rem;flex-direction:column;align-items:center;gap:.45rem;padding:.85rem .5rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.utility-page__nav-card svg{color:var(--color-accent)}.utility-page__nav-card:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-background));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.utility-page__status-dot{animation:none}.utility-page__nav-card:hover{transform:none}}