.about-page{min-height:calc(100vh - 160px);position:relative;z-index:2}.about-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--sp-surface-1) 95%,transparent),color-mix(in srgb,var(--sp-surface-2) 82%,transparent)),radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--sp-primary) 18%,transparent),transparent 42%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--sp-secondary) 14%,transparent),transparent 46%);border:1px solid var(--sp-border-strong);border-radius:22px;box-shadow:var(--sp-shadow-panel);margin-bottom:1rem;overflow:hidden;padding:1.25rem;position:relative}.about-hero:before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 19px);content:"";top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;position:absolute}.about-hero>*{position:relative;z-index:1}.about-overline{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.17em;margin:0;text-transform:uppercase}.about-hero h1{color:color-mix(in srgb,var(--sp-primary) 86%,var(--sp-accent));font-family:Orbitron,sans-serif;font-size:clamp(1.7rem,3.4vw,2.85rem);letter-spacing:.01em;margin:.48rem 0 0;text-shadow:0 0 20px color-mix(in srgb,var(--sp-primary) 22%,transparent)}.about-intro{color:var(--sp-text-main);line-height:1.64;margin:.82rem 0 0;max-width:72ch}.about-hero-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.about-hero-meta span{background:color-mix(in srgb,var(--sp-surface-3) 88%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 34%,var(--sp-border-mid));border-radius:var(--sp-radius-pill);color:var(--sp-text-main);font-family:Orbitron,sans-serif;font-size:.56rem;letter-spacing:.11em;padding:.28rem .5rem;text-transform:uppercase}.about-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel{background:linear-gradient(170deg,color-mix(in srgb,var(--sp-surface-1) 94%,transparent),color-mix(in srgb,var(--sp-surface-3) 90%,transparent)),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--sp-accent) 12%,transparent),transparent 52%);border:1px solid color-mix(in srgb,var(--sp-accent) 34%,var(--sp-border-mid));border-radius:18px;box-shadow:var(--sp-shadow-panel);min-width:0;padding:1rem}.about-panel--wide{grid-column:1 / -1}.about-panel-kicker{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.58rem;letter-spacing:.14em;margin:0;text-transform:uppercase}.about-panel h2{color:color-mix(in srgb,var(--sp-secondary) 82%,white);font-family:Orbitron,sans-serif;font-size:clamp(1.1rem,2.2vw,1.52rem);letter-spacing:.01em;margin:.42rem 0 0}.about-panel p{color:var(--sp-text-main);line-height:1.65;margin:.66rem 0 0}.about-tools-grid{display:grid;gap:.52rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.68rem}.about-tool-chip{background:color-mix(in srgb,var(--sp-surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 34%,var(--sp-border-mid));border-radius:12px;padding:.62rem}.about-tool-chip strong{color:var(--sp-text-strong);display:block;font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.about-tool-chip p{color:var(--sp-text-main);font-size:.9rem;margin:.42rem 0 0}.about-links{display:grid;gap:.46rem;margin-top:.66rem}.about-link{background:color-mix(in srgb,var(--sp-surface-2) 88%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 36%,var(--sp-border-mid));border-radius:11px;color:var(--sp-text-main);display:grid;gap:.2rem;padding:.56rem .64rem;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.about-link span{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}.about-link strong{color:var(--sp-text-strong);font-size:.92rem;word-break:break-word}.about-link:hover,.about-link:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 56%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff;outline:none}@media (max-width: 991px){.about-grid{grid-template-columns:1fr}.about-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.about-hero,.about-panel{border-radius:16px;padding:.92rem}.about-tools-grid{grid-template-columns:1fr}}