:root {
    --jaa-primary: #2563eb;
    --jaa-dark: #1e293b;
    --jaa-text: #475569;
    --jaa-bg: #f8fafc;
}

#jaa-about-app { background: var(--jaa-bg); padding: 40px 0; font-family: 'Inter', sans-serif; color: var(--jaa-text); }
.jaa-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }

/* Page Title */
.jaa-page-title { text-align: center; font-size: 32px; font-weight: 800; color: var(--jaa-dark); margin-bottom: 50px; text-transform: uppercase; border-bottom: 3px solid var(--jaa-primary); display: table; margin-left: auto; margin-right: auto; padding-bottom: 10px; }

/* Card Style */
.jaa-card { background: #fff; border-radius: 20px; padding: 40px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.jaa-flex { display: flex; align-items: center; gap: 40px; }
.jaa-reverse { flex-direction: row-reverse; }
.jaa-text { flex: 1; }
.jaa-text h3 { font-size: 26px; color: var(--jaa-dark); margin-bottom: 15px; }
.jaa-text h3 span { color: var(--jaa-primary); }
.jaa-text p { margin-bottom: 15px; line-height: 1.8; }
.jaa-text a { color: var(--jaa-primary); text-decoration: none; font-weight: 700; }

/* Badges */
.jaa-badge-box { display: flex; flex-direction: column; gap: 15px; }
.jaa-badge { background: #eff6ff; color: var(--jaa-primary); padding: 10px 20px; border-radius: 10px; font-weight: 700; display: flex; align-items: center; gap: 10px; }

/* Founder Image */
.jaa-avatar-circle { text-align: center; }
.jaa-avatar-circle i { font-size: 100px; color: #cbd5e1; }
.jaa-avatar-circle span { display: block; font-weight: 800; font-size: 20px; margin-top: 10px; color: var(--jaa-dark); }

/* Features Grid */
.jaa-features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
.jaa-f-card { background: #fff; padding: 30px; border-radius: 20px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid transparent; transition: 0.3s; }
.jaa-f-card:hover { border-color: var(--jaa-primary); transform: translateY(-5px); }
.jaa-f-card i { font-size: 40px; color: var(--jaa-primary); margin-bottom: 15px; }
.jaa-f-card h4 { font-size: 18px; color: var(--jaa-dark); margin-bottom: 10px; }

/* Social Links */
.jaa-social-section { text-align: center; padding: 40px; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.jaa-social-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 30px; }
.s-link { text-decoration: none; color: #fff; padding: 12px; border-radius: 10px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.3s; }
.s-link.fb { background: #1877F2; }
.s-link.yt { background: #FF0000; }
.s-link.tg { background: #0088cc; }
.s-link.ig { background: #E4405F; }
.s-link:hover { transform: translateY(-5px); opacity: 0.9; }

/* Animations */
.animate-box { opacity: 0; transform: translateY(30px); transition: 0.8s ease-out; }

@media (max-width: 850px) {
    .jaa-flex, .jaa-reverse { flex-direction: column; text-align: center; }
    .jaa-features-grid, .jaa-social-grid { grid-template-columns: 1fr; }
}