.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.about-visual { position:relative; display:flex; align-items:center; justify-content:center; }
.about-glow-orb { width:280px; height:280px; border-radius:50%; background:var(--gradient-hero); filter:blur(80px); opacity:0.25; position:absolute; animation:orbFloat 6s ease-in-out infinite; }
.about-logo-large { width:160px; height:160px; border-radius:50%; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 0 48px rgba(123,92,252,0.4)); animation:orbFloat 6s ease-in-out infinite; animation-delay:-3s; }
.about-content h3 { font-family:var(--font-heading); font-size:1.5rem; font-weight:700; margin-bottom:10px; }
.about-content p { color:var(--text-secondary); margin-bottom:14px; line-height:1.7; }
.about-mission-vision { display:flex; gap:16px; flex-wrap:wrap; margin-top:20px; }
.mv-card { flex:1; min-width:140px; background:var(--bg-card); border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:20px; transition:var(--transition-smooth); }
.mv-card:hover { border-color:var(--accent); box-shadow:var(--shadow-glow); transform:translateY(-4px); }
.mv-card .icon-circle { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; margin-bottom:12px; background:rgba(123,92,252,0.12); color:var(--accent-light); }
.mv-card h4 { font-family:var(--font-heading); font-weight:600; font-size:1rem; margin-bottom:4px; }
.mv-card p { font-size:0.85rem; color:var(--text-muted); margin:0; }