/* pages/about.css */
.about-visual { position: relative; padding: 16px; }
.about-visual::before { content: ""; position: absolute; inset: 0; border-radius: var(--radius-lg); background: var(--grad-primary); transform: rotate(3deg); opacity: .22; }
.about-visual img { position: relative; display: block; width: 100%; border-radius: var(--radius-lg); border: 1px solid rgba(103,232,249,.3); box-shadow: var(--shadow-lg); }

.vm { background: linear-gradient(180deg, #0B1730, #08112A); }
.vm-card { height: 100%; padding: clamp(30px, 4vw, 48px); border-radius: var(--radius-lg); background: var(--card-bg); border: 1px solid var(--card-border); transition: transform .5s var(--ease), border-color .4s; }
.vm-card:hover { transform: translateY(-6px); border-color: rgba(103,232,249,.5); }
.vm-card h3 { font-size: 1.6rem; color: #fff; margin-bottom: 12px; }
.vm-card p { margin: 0; font-size: 1.05rem; color: #A9BDDD; }

.values-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
.value-card { padding: 30px 22px; text-align: center; background: #fff; border: 1px solid var(--card-border); border-radius: var(--radius); box-shadow: var(--shadow-sm); transition: transform .5s var(--ease), box-shadow .5s; }
.value-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.vc-icon { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 18px; border-radius: 50%; font-size: 1.3rem; color: #fff; background: var(--grad-primary); box-shadow: 0 10px 24px rgba(8,124,240,.3); }
.value-card h3 { font-size: 1.1rem; margin-bottom: 8px; }
.value-card p { margin: 0; font-size: .9rem; }

.commit-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(34px, 5vw, 60px); border-radius: var(--radius-lg); background: linear-gradient(135deg, #0B1730, #14305F); border: 1px solid rgba(103,232,249,.25); box-shadow: var(--shadow-lg); }
.commit-box > div { max-width: 700px; }
.commit-box h2 { color: #fff; font-size: clamp(1.6rem, 3vw, 2.3rem); margin-bottom: 12px; }
.commit-box p { margin: 0; color: #B7C8E4; }