.about-page{max-width:1100px;margin:0 auto;padding:40px 20px 80px;color:#f6f7fb}.about-page :is(a,button,input,select,textarea){transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease}.about-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid #7cc4ff;outline-offset:2px;box-shadow:0 0 0 3px #7cc4ff47}.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:20px}.about-hero p{color:#f6f7fbb3}.about-hero-card{background:#0c121eb3;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.about-hero-card:hover{transform:translateY(-2px);border-color:#7cc4ff66;box-shadow:0 12px 22px #02061759}.about-stats{margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.about-stats div{background:#0c121eb3;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.about-stats div:hover{transform:translateY(-2px);border-color:#f2b90c66;box-shadow:0 12px 22px #02061759}.about-stats strong{display:block;font-size:24px;color:#f2b90c}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px}.about-card{background:#0c121eb3;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.about-card:hover{transform:translateY(-2px);border-color:#7cc4ff66;box-shadow:0 12px 22px #02061759}.about-values h2,.about-timeline h2{margin-bottom:10px}.about-values-grid,.about-timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.about-values-grid div,.about-timeline-grid div{background:#0c121eb3;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.about-values-grid div:hover,.about-timeline-grid div:hover{transform:translateY(-2px);border-color:#7cc4ff66;box-shadow:0 12px 22px #02061759}.about-timeline-grid span{font-size:12px;color:#f6f7fb99}@media (max-width: 900px){.about-hero{grid-template-columns:1fr}}@media (max-width: 640px){.about-page{padding:24px 14px 56px}.about-grid,.about-values-grid,.about-timeline-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.about-page :is(a,button,input,select,textarea),.about-hero-card,.about-stats div,.about-card,.about-values-grid div,.about-timeline-grid div{transition:none}}.public-layout .about-page{max-width:none;padding:42px 0 12px;color:var(--public-ink)}.public-layout .about-hero{align-items:stretch}.public-layout .about-hero p,.public-layout .about-card p,.public-layout .about-values-grid p,.public-layout .about-timeline-grid p{color:var(--public-muted)}.public-layout .about-hero-card,.public-layout .about-stats div,.public-layout .about-card,.public-layout .about-values-grid div,.public-layout .about-timeline-grid div{background:var(--public-surface);border:1px solid var(--public-border);border-radius:var(--public-radius);box-shadow:var(--public-shadow-soft)}.public-layout .about-stats strong{color:var(--public-primary)}.public-layout .about-timeline-grid span{color:var(--public-primary);font-weight:900}.public-layout .about-page :is(a,button,input,select,textarea):focus-visible{outline-color:var(--public-primary);box-shadow:0 0 0 3px #6d4aff24}
