/* Extracted from resources/views/pages/about.blade.php */
/* About page responsive tweaks */
.about-hero { padding:100px 16px 60px; background:linear-gradient(135deg,#0f172a,#1e293b); margin-top:30px; text-align:center; }
.about-hero .container { max-width:1100px; margin:0 auto; }

.about-two-col { display:grid; grid-template-columns:1fr; gap:32px; align-items:center; max-width:1000px; margin:0 auto; }
@media(min-width:768px){ .about-two-col { grid-template-columns:1fr 1fr; gap:60px; } }

.about-stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media(min-width:768px){ .about-stats-grid { grid-template-columns:1fr 1fr; } }

.about-values-grid { display:grid; grid-template-columns:1fr; gap:24px; max-width:900px; margin:0 auto; }
@media(min-width:768px){ .about-values-grid { grid-template-columns:repeat(3,1fr); } }

.about-card { text-align:center; padding:28px; background:#f8fafc; border-radius:20px; border:1px solid #e2e8f0; }