:root{--color-primary:#667eea;--color-secondary:#764ba2;--color-accent:#EE5946}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;width:100%}.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow:visible;padding:180px 20px 150px 20px}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.2) 0%,transparent 50%)}.floating-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(20px)}.orb-1{width:300px;height:300px;top:-100px;left:-100px}.orb-2{width:200px;height:200px;bottom:-50px;right:-50px}.orb-3{width:150px;height:150px;top:50%;right:10%}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:10;width:100%;padding-bottom:80px}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:.95rem;font-weight:600;margin-bottom:30px}.hero-badge svg{width:20px;height:20px;fill:currentColor}.hero-title{font-size:4.5rem;font-weight:800;color:#fff;margin-bottom:30px;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.2)}.hero-title .highlight{background:linear-gradient(135deg,#fff 0%,#ffa8a8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.4rem;color:rgba(255,255,255,.95);max-width:800px;margin:0 auto 40px;line-height:1.8}.hero-year{display:inline-block;padding:15px 35px;background:rgba(238,89,70,.9);color:#fff;border-radius:50px;font-size:1.2rem;font-weight:700;margin-bottom:50px;box-shadow:0 10px 30px rgba(238,89,70,.4)}.service-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:50px}.service-tag{padding:12px 25px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:.95rem;font-weight:600;transition:all 0.3s ease;cursor:pointer}.service-tag:hover{background:rgba(255,255,255,.25);transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,255,255,.2)}.hero-stats{display:grid!important;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px;margin-bottom:60px;max-width:1000px;margin-left:auto;margin-right:auto;visibility:visible!important;opacity:1!important}.stat-card{text-align:center;padding:40px 30px;background:white!important;border-radius:20px;transition:all 0.4s ease;box-shadow:0 20px 60px rgba(0,0,0,.3);border:3px solid #fff;display:block!important;visibility:visible!important;opacity:1!important}.stat-card:hover{transform:translateY(-10px) scale(1.05);background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.4)}.stat-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex!important;align-items:center;justify-content:center;transition:all 0.3s ease;visibility:visible!important;opacity:1!important}.stat-card:hover .stat-icon{transform:scale(1.2) rotate(360deg)}.stat-icon svg{width:32px;height:32px;fill:#fff}.stat-number{font-size:3.5rem;font-weight:900;color:#667eea!important;margin-bottom:10px;display:block!important;visibility:visible!important;opacity:1!important}.stat-label{color:#64748b!important;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block!important;visibility:visible!important;opacity:1!important}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%)}.scroll-indicator svg{width:30px;height:30px;fill:rgba(255,255,255,.7)}@media (max-width:1024px){.about-hero{padding:140px 20px 120px 20px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:768px){.about-hero{padding:120px 20px 100px 20px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-stats{grid-template-columns:1fr;gap:20px}.stat-number{font-size:2.5rem}.service-tags{gap:10px}.service-tag{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.about-hero{padding:100px 20px 80px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-badge{font-size:.85rem;padding:10px 20px}}