/* About CSS */
.about-intro-grid { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; }
.about-text-col p { color:var(--silver);line-height:1.8;font-size:1.05rem; }
.about-badges { display:flex;gap:0.7rem;flex-wrap:wrap;margin-top:1.5rem; }

/* Mandala */
.about-visual-col { display:flex;justify-content:center;align-items:center; }
.about-mandala { position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center; }
.mandala-ring { position:absolute;border-radius:50%;border:1px solid rgba(201,168,76,0.2); }
.ring-1 { width:300px;height:300px;animation:glowRotate 20s linear infinite;border-style:dashed; }
.ring-2 { width:220px;height:220px;animation:glowRotate 15s linear infinite reverse; }
.ring-3 { width:140px;height:140px;animation:glowRotate 10s linear infinite; }
.mandala-center { font-size:4rem;color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,0.8);z-index:1;animation:textGlowAnim 3s ease infinite; }

/* Vision Mission */
.vm-section { position:relative;z-index:1;padding:6rem 2rem;background:linear-gradient(180deg,transparent,rgba(26,26,78,0.2),transparent); }
.vm-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem; }
.vm-card { padding:2.5rem;text-align:center; }
.vm-icon { font-size:3rem;margin-bottom:1rem; }
.vm-card h3 { font-family:var(--font-display);font-size:1.2rem;color:var(--gold);margin-bottom:1rem; }
.vm-card p { color:var(--silver);line-height:1.7; }

/* Timeline */
.timeline { position:relative;max-width:800px;margin:0 auto; }
.timeline::before { content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(201,168,76,0.4),transparent);transform:translateX(-50%); }
.timeline-item { display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;margin-bottom:2rem; }
.tl-dot { width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(201,168,76,0.6);position:relative;z-index:1;flex-shrink:0; }
.tl-dot-future { background:var(--nebula-pink);box-shadow:0 0 15px rgba(199,125,255,0.6); }
.tl-year { font-family:var(--font-display);font-size:1.1rem;color:var(--gold);text-align:center;white-space:nowrap; }
.tl-year.future { color:var(--nebula-pink); }
.tl-content { padding:1.5rem; }
.tl-content h4 { font-family:var(--font-display);font-size:1rem;color:var(--white);margin-bottom:0.5rem; }
.tl-content p { font-size:0.9rem;color:var(--silver);line-height:1.6; }
.timeline-item:nth-child(odd) .tl-content { order:-1; }

/* Contact */
.contact-grid { display:grid;grid-template-columns:1fr 1.2fr;gap:2rem; }
.contact-info { display:flex;flex-direction:column;gap:1.5rem; }
.contact-card,.socials-card { padding:1.5rem; }
.contact-card h4,.socials-card h4,.feedback-card h4 { font-family:var(--font-ui);font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem; }
.contact-row { display:flex;gap:1rem;align-items:flex-start;padding:0.7rem 0;border-bottom:1px solid rgba(201,168,76,0.08); }
.contact-row i { color:var(--gold);font-size:1.2rem;width:20px;flex-shrink:0;margin-top:0.2rem; }
.contact-row strong { display:block;font-family:var(--font-ui);color:var(--white);font-size:0.85rem; }
.contact-row span { font-size:0.9rem;color:var(--silver); }
.socials-grid { display:grid;grid-template-columns:1fr 1fr;gap:0.8rem; }
.social-big-btn { display:flex;align-items:center;gap:0.7rem;padding:0.8rem 1rem;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--silver);font-family:var(--font-ui);font-size:0.9rem;transition:all 0.3s; }
.social-big-btn:hover { border-color:var(--gold);color:var(--gold); }
.social-big-btn.whatsapp-btn:hover { border-color:#25d366;color:#25d366; }
.feedback-card { padding:1.5rem; }

/* FAQ */
.faq-list { max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem; }
.faq-item { background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;transition:border-color 0.3s; }
.faq-item.open { border-color:rgba(201,168,76,0.4); }
.faq-question { display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;cursor:pointer;font-family:var(--font-ui);color:var(--white);font-size:0.95rem;font-weight:600;gap:1rem; }
.faq-question i { color:var(--gold);transition:transform 0.3s;flex-shrink:0; }
.faq-item.open .faq-question i { transform:rotate(180deg); }
.faq-answer { padding:0 1.5rem;max-height:0;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1); }
.faq-answer p { color:var(--silver);font-size:0.9rem;line-height:1.7;padding-bottom:1.2rem; }
.faq-item.open .faq-answer { max-height:200px; }

/* Terms */
.terms-grid { display:grid;grid-template-columns:1fr 1fr;gap:2rem; }
.terms-card { padding:2rem; }
.terms-card h4 { font-family:var(--font-display);font-size:1.1rem;color:var(--gold);margin-bottom:0.8rem; }
.terms-card p { color:var(--silver);font-size:0.9rem;line-height:1.7;margin-bottom:1rem; }

@media (max-width:1024px) { .about-intro-grid,.vm-grid,.contact-grid { grid-template-columns:1fr; } .timeline::before { left:20px; } .timeline-item { grid-template-columns:auto 1fr;} .tl-year { display:none; } .timeline-item:nth-child(odd) .tl-content { order:unset; } }
@media (max-width:768px) { .terms-grid,.socials-grid { grid-template-columns:1fr; } }