.about-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative;overflow:hidden}.about-section .animate-fade-left,.about-section .animate-fade-right,.about-section .animate-fade-up,.about-section .animate-scale,.about-section .animate-slide-up{transition-duration:.8s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.3'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.about-section .about-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;align-items:center;position:relative;z-index:2}.about-section .about-hero .hero-content h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#2196f3,#21cbf3,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;position:relative}.about-section .about-hero .hero-content h1:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#2196f3,#21cbf3);border-radius:2px}.about-section .about-hero .hero-content .hero-subtitle{font-size:1.3rem;color:#4a5568;line-height:1.7;margin:0}.about-section .about-hero .hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.about-section .about-hero .hero-visual .floating-elements{position:relative;width:300px;height:300px}.about-section .about-hero .hero-visual .floating-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#ffffffe6;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.about-section .about-hero .hero-visual .floating-card:first-child{top:0;left:0}.about-section .about-hero .hero-visual .floating-card:nth-child(2){top:50px;right:0;animation-delay:-2s}.about-section .about-hero .hero-visual .floating-card:nth-child(3){bottom:0;left:50%;transform:translateX(-50%)}.about-section .floating-card{transition:transform .6s ease-in-out;transform:translateY(0)}.about-section .floating-card.float-up{transform:translateY(-20px)}.about-section .floating-card.float-down{transform:translateY(20px)}.about-section .floating-card.float-normal{transform:translateY(0)}.about-section .floating-card.float-mid-up{transform:translateY(-10px)}.about-section .floating-card.float-mid-down{transform:translateY(10px)}.about-section .about-hero .hero-visual .floating-card i{font-size:2rem;color:#2196f3}.about-section .about-hero .hero-visual .floating-card span{font-weight:600;color:#2d3748;font-size:.9rem}.about-section .about-hero .hero-visual .floating-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.about-section .stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}.about-section .stats-section .stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#ffffffe6;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.about-section .stats-section .stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.about-section .stats-section .stat-card .stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-section .stats-section .stat-card .stat-icon i{font-size:1.5rem;color:white}.about-section .stats-section .stat-card .stat-content h3{font-size:2.5rem;font-weight:800;color:#2d3748;margin:0 0 .5rem;background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .stats-section .stat-card .stat-content p{font-size:1rem;color:#4a5568;margin:0;font-weight:600}.about-section .content-tabs{max-width:1378px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}.about-section .content-tabs .tab-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.about-section .tab-navigation.animate-visible .tab-btn{animation:slideInFromTop .6s ease-out}.about-section .tab-navigation.animate-visible .tab-btn:nth-child(2){animation-delay:.1s}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.about-section .content-tabs .tab-navigation .tab-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:#ffffffcc;color:#4a5568;border-radius:30px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;box-shadow:0 4px 15px #0000001a;font-size:1rem}.about-section .content-tabs .tab-navigation .tab-btn:hover{background:#2196f3e6;color:white;transform:translateY(-2px);box-shadow:0 8px 25px #2196f366}.about-section .content-tabs .tab-navigation .tab-btn.active{background:linear-gradient(135deg,#2196f3,#21cbf3);color:white;transform:translateY(-2px);box-shadow:0 8px 25px #2196f366}.about-section .content-tabs .tab-content{background:#ffffffe6;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;padding:3rem;max-width:900px;margin:0 auto}.about-section .story-content{display:grid;grid-template-columns:1fr;grid-gap:4rem;gap:4rem}.about-section .story-content h2{font-size:2.5rem;font-weight:500;text-align:center;color:#2d3748;margin-bottom:2rem;background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .story-content .story-text p{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:1.5rem}.about-section .story-content .story-timeline{position:relative}.about-section .story-content .story-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:2px}.about-section .story-content .story-timeline .timeline-item{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;position:relative}.about-section .story-content .story-timeline .timeline-year{width:60px;height:60px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 4px 15px #2196f34d}.about-section .story-content .story-timeline .timeline-content h4{font-size:1.3rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.about-section .story-content .story-timeline .timeline-content p{color:#4a5568;line-height:1.6;margin:0}.about-section .values-content h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .values-content .values-intro{font-size:1.2rem;color:#4a5568;text-align:center;margin-bottom:3rem;line-height:1.6}.about-section .values-content .values-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.about-section .values-grid .animate-fade-up{transition-delay:calc(var(--index, 0) * .15s)}.about-section .values-content .value-card{text-align:center;padding:2rem;background:#2196f30d;border-radius:15px;border:1px solid #2196f31a;transition:all .3s ease}.about-section .values-content .value-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2196f333}.about-section .values-content .value-card .value-icon{width:80px;height:80px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 25px #2196f34d}.about-section .values-content .value-card .value-icon i{font-size:2rem;color:white}.about-section .values-content .value-card h3{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.about-section .values-content .value-card p{color:#4a5568;line-height:1.6;margin:0}.about-section .tech-content h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem;text-align:center;background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .tech-content .tech-intro{font-size:1.2rem;color:#4a5568;text-align:center;margin-bottom:3rem;line-height:1.6}.about-section .tech-content .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.about-section .tech-content .tech-category{background:#ffffffb3;border-radius:15px;padding:2rem;border:1px solid #2196f31a;transition:all .3s ease}.about-section .tech-content .tech-category:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2196f326}.about-section .tech-content .tech-category .tech-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.about-section .tech-content .tech-category .tech-header .tech-icon{width:50px;height:50px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:12px;display:flex;align-items:center;justify-content:center}.about-section .tech-content .tech-category .tech-header .tech-icon i{font-size:1.3rem;color:white}.about-section .tech-content .tech-category .tech-header h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0}.about-section .tech-content .tech-category .tech-list{display:flex;flex-wrap:wrap;gap:.8rem}.about-section .tech-content .tech-category .tech-list .tech-tag{padding:.5rem 1rem;background:#2196f31a;color:#2196f3;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid #2196f333;transition:all .3s ease}.about-section .tech-content .tech-category .tech-list .tech-tag:hover{background:#2196f333;transform:translateY(-1px)}.about-section .team-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}.about-section .team-section .team-header{text-align:center;margin-bottom:4rem}.about-section .team-section .team-header h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem;background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-section .team-section .team-header p{font-size:1.2rem;color:#4a5568;line-height:1.6;margin:0}.about-section .team-section .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2.5rem;gap:2.5rem}.about-section .team-section .team-card{background:#ffffffe6;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;transition:all .4s ease}.about-section .team-section .team-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000026}.about-section .team-section .team-card .member-image{position:relative;height:300px;overflow:hidden}.about-section .team-section .team-card .member-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.about-section .team-section .team-card:hover .member-image img{transform:scale(1.1)}.about-section .team-section .team-card .member-image .member-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2196f3e6,#21cbf3e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.about-section .team-section .team-card:hover .member-image .member-overlay{opacity:1}.about-section .team-section .team-card .member-image .social-links{display:flex;gap:1rem}.about-section .team-section .team-card .member-image .social-link{width:50px;height:50px;background:#ffffff33;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}.about-section .team-section .team-card .member-image .social-link:hover{background:#ffffff4d;transform:translateY(-3px)}.about-section .team-section .team-card .member-info{padding:2rem}.about-section .team-section .team-card .member-info h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.about-section .team-section .team-card .member-info .member-position{font-size:1rem;font-weight:600;color:#2196f3;margin-bottom:1rem}.about-section .team-section .team-card .member-info .member-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.about-section .team-section .team-card .member-info .member-skills{display:flex;flex-wrap:wrap;gap:.5rem}.about-section .team-section .team-card .member-info .skill-tag{padding:.3rem .8rem;background:#2196f31a;color:#2196f3;border-radius:15px;font-size:.85rem;font-weight:600;border:1px solid #2196f333}@media (max-width:1200px){.about-section .about-hero,.about-section .story-content{grid-template-columns:1fr;gap:3rem;text-align:center}.about-section .about-hero .hero-content h1:after{left:50%;transform:translateX(-50%)}}@media (max-width:968px){.about-section .about-hero{padding:3rem 1.5rem}.about-section .about-hero .hero-content h1{font-size:3rem}.about-section .stats-section{padding:3rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.about-section .content-tabs{padding:3rem 1.5rem}.about-section .content-tabs .tab-content{padding:2rem}.about-section .team-section{padding:3rem 1.5rem}}@media (max-width:1000px){.about-section .about-hero .hero-content h1{font-size:2.5rem}.about-section .about-hero .hero-visual .floating-elements{width:250px;height:250px}.about-section .stats-section{grid-template-columns:1fr;gap:1.5rem}.about-section .content-tabs .tab-navigation{flex-direction:column;align-items:center}.about-section .content-tabs .tab-navigation .tab-btn{width:100%;max-width:300px}.about-section .team-section .team-grid,.about-section .tech-content .tech-grid{grid-template-columns:1fr}}@media (max-width:480px){.about-section .about-hero{padding:2rem 1rem}.about-section .about-hero .hero-content h1{font-size:2rem;line-height:1.2}.about-section .about-hero .hero-content .hero-subtitle{font-size:1.1rem}.about-section .content-tabs,.about-section .stats-section,.about-section .team-section{padding:2rem 1rem}.about-section .content-tabs .tab-content{padding:1.5rem}.about-section .story-content .story-timeline .timeline-year{width:50px;height:50px;font-size:.8rem}.about-section .values-content .values-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:1000px){.about-section .values-content .values-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:360px){.about-section .about-hero .hero-content h1{font-size:1.8rem}.about-section .stats-section .stat-card{padding:1.5rem;gap:1rem}.about-section .stats-section .stat-card .stat-icon{width:50px;height:50px}.about-section .stats-section .stat-card .stat-content h3{font-size:2rem}}