.about-hero{position:relative;padding:120px 0 80px;background:radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 50%),radial-gradient(circle at bottom left,rgba(44,198,90,.05),transparent 50%);overflow:hidden}.about-hero:before{content:"";position:absolute;inset:0;background:url(/images/about_hero.jpg) center/cover no-repeat;opacity:.1;z-index:-1;mask-image:linear-gradient(to bottom,rgba(0,0,0,1),transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),transparent)}.about-hero .container{display:flex;flex-direction:column;align-items:center;text-align:center}.about-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--clr-text),var(--clr-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;line-height:1.1}.about-hero-sub{font-size:1.25rem;color:var(--clr-text-muted);max-width:600px;margin-bottom:40px;line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;padding:60px 0}.about-card{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000000d;transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .about-card{background:#1e1e1e99;border-color:#ffffff0d;box-shadow:0 8px 32px #0003}.about-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #7c3aed26}.about-card h2{font-size:1.75rem;font-weight:700;color:var(--clr-primary);margin-bottom:16px;display:flex;align-items:center;gap:12px}.about-card p{color:var(--clr-text-muted);line-height:1.7;font-size:1.05rem}.values-section{padding:80px 0;background:var(--clr-surface-2)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.value-item{background:var(--clr-bg);padding:32px;border-radius:16px;text-align:left;border:1px solid var(--clr-border);transition:all .3s ease}.value-item:hover{border-color:var(--clr-primary);box-shadow:0 8px 24px #7c3aed1a}.value-icon{width:48px;height:48px;background:#7c3aed1a;color:var(--clr-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.value-item h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--clr-text)}.value-item p{color:var(--clr-text-muted);line-height:1.6;font-size:.95rem}