.about-page{padding:5rem 2rem;background:var(--light-bg)}.about-page-container{max-width:1200px;margin:0 auto}.about-intro{background:white;border-radius:18px;padding:4rem;box-shadow:0 8px 30px rgba(0,0,0,0.08);margin-bottom:3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,0.95fr);gap:2.75rem;align-items:center}.about-kicker{display:inline-block;font-size:0.95rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:1rem}.about-intro h1{font-size:3rem;color:var(--secondary-color);margin-bottom:1.5rem}.about-intro p{font-size:1.1rem;line-height:1.9;color:var(--text-color);max-width:900px;margin-bottom:1.25rem}.about-intro p:last-child{margin-bottom:0}.about-cta-section{margin-top:3rem;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 100%);border-radius:18px;padding:3.5rem 2.5rem;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.06)}.about-cta-section h2{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem}.about-cta-section p{max-width:760px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.8;color:var(--text-color)}.about-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.about-cta-actions .cta-button{min-width:190px;text-align:center}.about-intro-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.about-intro-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.15);object-fit:cover;transition:var(--transition);cursor:pointer}.about-intro-image img:hover{transform:translateY(-10px) scale(1.02)}.about-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.about-info-card{background:white;border-radius:16px;padding:2.75rem;box-shadow:0 5px 20px rgba(0,0,0,0.08);border-top:4px solid var(--primary-color)}.about-info-card h2{font-size:1.6rem;color:var(--secondary-color);margin-bottom:1rem}.about-info-card p{font-size:1rem;line-height:1.8;color:var(--text-color);margin:0}.animate-on-load{opacity:0;transform:translateY(30px);animation:aboutFadeUp 0.8s ease forwards}.animate-delay-1{animation-delay:0.2s}.animate-delay-2{animation-delay:0.4s}@keyframes aboutFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-hero-light{background:linear-gradient(135deg,rgba(52,152,219,0.08) 0%,rgba(52,152,219,0.14) 100%);color:var(--secondary-color);border-bottom:1px solid rgba(52,152,219,0.15)}.services-hero-light .services-hero-title{color:var(--primary-color)}.services-hero-light .services-hero-subtitle{color:#4b5563}.services-cta-section{background:linear-gradient(135deg,rgba(52,152,219,0.08) 0%,rgba(52,152,219,0.14) 100%);padding:5rem 2rem;text-align:center;color:var(--secondary-color);border-top:1px solid rgba(52,152,219,0.12);border-bottom:1px solid rgba(52,152,219,0.12)}.services-cta-section h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--primary-color)}.services-cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:0.9;color:#4b5563}.services-cta-section .cta-button{background:var(--primary-color);color:white;padding:1rem 3rem;font-size:1.1rem;border-radius:50px;text-decoration:none;display:inline-block;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(52,152,219,0.3)}.services-cta-section .cta-button:hover{background:#2980b9;transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.4)}
body.dark-mode .about-page{background:#0f172a}body.dark-mode .about-intro,body.dark-mode .about-info-card{background:#1e293b;box-shadow:0 8px 30px rgba(0,0,0,0.3)}body.dark-mode .about-kicker{color:#60a5fa}body.dark-mode .about-intro h1,body.dark-mode .about-info-card h2,body.dark-mode .about-cta-section h2{color:#f8fafc}body.dark-mode .about-intro p,body.dark-mode .about-info-card p,body.dark-mode .about-cta-section p{color:#cbd5e1}body.dark-mode .about-cta-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);box-shadow:0 8px 30px rgba(0,0,0,0.3)}body.dark-mode .about-intro-image img{filter:brightness(0.85)}body.dark-mode .services-cta-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:#f8fafc}body.dark-mode .services-cta-section h2{color:#f8fafc}body.dark-mode .services-cta-section p{color:rgba(248,250,252,0.85)}body.dark-mode .services-cta-section .cta-button{background:#60a5fa;box-shadow:0 5px 15px rgba(96,165,250,0.3)}body.dark-mode .services-cta-section .cta-button:hover{background:#3b82f6;box-shadow:0 8px 25px rgba(96,165,250,0.4)}body.dark-mode .services-hero-light{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-bottom-color:#475569}body.dark-mode .services-hero-light .services-hero-title{color:#f8fafc}body.dark-mode .services-hero-light .services-hero-subtitle{color:#cbd5e1}

@media screen and (max-width:1024px){
  .about-page{padding:2rem 1rem}
  .about-intro{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem;margin-bottom:1.5rem;border-radius:12px}
  .about-intro-text{order:1}
  .about-intro-image{order:2;max-height:220px;overflow:hidden;border-radius:10px}
  .about-intro-image img{width:100%;height:220px;object-fit:cover;object-position:center}
  .about-intro h1{font-size:1.75rem;margin-bottom:1rem}
  .about-intro p{font-size:0.95rem;line-height:1.7;margin-bottom:1rem}
  .about-kicker{font-size:0.8rem;margin-bottom:0.5rem}
  .about-info-grid{grid-template-columns:1fr;gap:1rem}
  .about-info-card{padding:1.25rem;border-radius:10px}
  .about-info-card h2{font-size:1.15rem;margin-bottom:0.6rem}
  .about-info-card p{font-size:0.9rem;line-height:1.6}
  .services-cta-section{padding:2.5rem 1rem}
  .services-cta-section h2{font-size:1.4rem;margin-bottom:0.75rem}
  .services-cta-section p{font-size:0.95rem;margin-bottom:1.5rem}
  .services-cta-section .cta-button{padding:0.8rem 1.5rem;font-size:1rem;min-width:unset;width:100%;max-width:320px}
  .about-cta-section{padding:2rem 1.25rem;border-radius:12px}
  .about-cta-section h2{font-size:1.4rem}
  .about-cta-section p{font-size:0.95rem}
  .about-cta-actions .cta-button{min-width:unset;width:100%}
}

@media screen and (max-width:480px){
  .about-intro{padding:1.25rem}
  .about-intro h1{font-size:1.5rem}
  .about-info-card{padding:1rem}
  .services-cta-section h2{font-size:1.2rem}
}

.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:0.3rem;margin:0.5rem 0 2rem;opacity:1;transition:opacity 0.5s ease;pointer-events:none;user-select:none}
.scroll-hint.hidden{opacity:0}

.scroll-hint-arrow{color:var(--primary-color);animation:scrollBounce 1.6s ease-in-out infinite}
@keyframes scrollBounce{0%,100%{transform:translateY(0);opacity:0.5}50%{transform:translateY(7px);opacity:1}}
body.dark-mode .scroll-hint-label{color:#60a5fa}
body.dark-mode .scroll-hint-arrow{color:#60a5fa}