.about-container{padding:2rem 0;max-width:100%}.about-header{text-align:center;margin-bottom:3rem}.about-header h2{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:700}.about-header p{font-size:1.1rem;color:#ccc;line-height:1.6;max-width:600px;margin:0 auto}.about-content{display:flex;flex-direction:column;gap:2rem}.about-section{background:#ffffff0d;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.about-section:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.section-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.section-content{flex:1}.section-content h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:600}.section-content p{color:#ccc;line-height:1.7;margin-bottom:1rem;font-size:1rem}.hero-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);padding:3rem 2rem}.hero-content{display:flex;align-items:center;gap:3rem}.hero-text{flex:2}.hero-text h3{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:700}.hero-text p{font-size:1.1rem;color:#ccc;line-height:1.7;margin-bottom:2rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{background:#ffffff0d;border-radius:8px;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:1.8rem;font-weight:700;color:#4a9eff;margin-bottom:.5rem}.stat-label{color:#ccc;font-size:.9rem;font-weight:500}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.game-showcase{width:120px;height:120px;background:linear-gradient(135deg,#4a9eff,#2196f3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mission-section{background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border:1px solid rgba(76,175,80,.2)}.mission-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.mission-point{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.mission-point i{color:#4caf50;font-size:1.1rem}.mission-point span{color:#fff;font-weight:500}.features-section{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.feature-item{background:#ffffff0d;border-radius:8px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-item:hover{background:#ffffff1a;transform:translateY(-3px)}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.3rem;color:#fff}.feature-item h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.feature-item p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.categories-section{background:linear-gradient(135deg,#9c27b01a,#e91e631a);border:1px solid rgba(156,39,176,.2)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.5rem}.category-item{background:#ffffff0d;border-radius:8px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.category-item:hover{background:#ffffff1a;transform:translateY(-3px)}.category-icon{width:50px;height:50px;background:linear-gradient(135deg,#9c27b0,#e91e63);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.3rem;color:#fff}.category-item h4{color:#fff;font-size:1rem;margin-bottom:.5rem;font-weight:600}.category-item p{color:#ccc;font-size:.85rem;line-height:1.4;margin:0}.team-section{background:linear-gradient(135deg,#2196f31a,#03a9f41a);border:1px solid rgba(33,150,243,.2)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.value-item{background:#ffffff0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.value-item:hover{background:#ffffff1a;transform:translateY(-2px)}.value-icon{width:50px;height:50px;background:linear-gradient(135deg,#2196f3,#03a9f4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.3rem;color:#fff}.value-item h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.value-item p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.technology-section{background:linear-gradient(135deg,#673ab71a,#9c27b01a);border:1px solid rgba(103,58,183,.2)}.tech-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.tech-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-item:hover{background:#ffffff1a}.tech-item i{font-size:1.2rem;color:#673ab7}.tech-item span{color:#fff;font-weight:500}.join-section{background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border:1px solid rgba(76,175,80,.2);text-align:center}.join-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.join-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.join-btn.primary{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.join-btn.primary:hover{background:linear-gradient(135deg,#66bb6a,#9ccc65);transform:translateY(-2px)}.join-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.join-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:6px;text-decoration:none;color:#ccc;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.social-link:hover{background:#ffffff1a;transform:translateY(-2px);color:#fff}.social-link.facebook:hover{background:#1877f233;border-color:#1877f24d}.social-link.youtube:hover{background:#f003;border-color:#ff00004d}.social-link.twitter:hover{background:#1da1f233;border-color:#1da1f24d}.social-link.instagram:hover{background:#e1306c33;border-color:#e1306c4d}.social-link i{font-size:1rem}.social-link span{font-size:.9rem;font-weight:500}@media (max-width: 768px){.about-container{padding:1rem 0}.about-header h2{font-size:2rem}.about-header p{font-size:1rem}.about-section{padding:1.5rem}.section-icon{width:50px;height:50px;font-size:1.2rem;margin:0 auto 1rem}.section-content h3{font-size:1.3rem;text-align:center}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-text h3{font-size:1.5rem}.hero-stats,.features-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}.tech-features{grid-template-columns:repeat(2,1fr)}.mission-points{grid-template-columns:1fr}.join-actions{flex-direction:column;align-items:center}.social-links{flex-wrap:wrap}}@media (max-width: 480px){.about-section{padding:1rem}.about-header h2{font-size:1.8rem}.section-content h3{font-size:1.2rem}.hero-text h3{font-size:1.3rem}.hero-stats,.features-grid,.categories-grid,.tech-features{grid-template-columns:1fr}.stat-item{padding:.75rem}.stat-number{font-size:1.5rem}.feature-item,.category-item,.value-item{padding:1rem}.join-btn{padding:.75rem 1.5rem;font-size:.9rem}.game-showcase{width:80px;height:80px;font-size:2rem}}.about-section{animation:fadeInUp .6s ease-out}.about-section:nth-child(1){animation-delay:.1s}.about-section:nth-child(2){animation-delay:.2s}.about-section:nth-child(3){animation-delay:.3s}.about-section:nth-child(4){animation-delay:.4s}.about-section:nth-child(5){animation-delay:.5s}.about-section:nth-child(6){animation-delay:.6s}.about-section:nth-child(7){animation-delay:.7s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-icon .iconfont{font-size:inherit}