:root{--primary-blue:#1b365d;--secondary-blue:#1e5483;--accent-gold:#d4af37;--white:#fff;--light-bg:#f4f4f4;--shadow:0 10px 30px #0000001a;--shadow-hover:0 20px 50px #00000026}.about-hero{min-height:100vh;color:var(--white);background:linear-gradient(135deg,#1b365dd9 0%,#1e5483e6 100%),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80) 50%/cover;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;display:grid;position:relative}.hero-text{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3}.hero-text:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);height:1px;position:absolute;top:0;left:0;right:0}.hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.text-accent{color:var(--accent-gold)}.hero-subtitle{opacity:.9;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.hero-visual{perspective:1000px;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.construction-3d-scene{width:100%;height:100%;transform-style:preserve-3d;animation:25s linear infinite sceneRotate;position:relative}.glass-card{-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.building-structure{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.skyscraper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff26 0%,#ffffff14 100%);border:1px solid #d4af3766;border-radius:8px;width:80px;height:250px;animation:4s ease-in-out infinite buildingPulse;position:absolute;overflow:hidden;transform:translate(-50%,-50%)translateZ(50px)}.skyscraper:before{content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#d4af3799 0%,#d4af374d 100%);height:50px;position:absolute;top:0;left:0;right:0}.window-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;inset:60px 8px 8px}.window{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d4af3766;border-radius:2px;animation:3s ease-in-out infinite alternate windowGlow}.crane{animation:8s ease-in-out infinite craneSwing;position:absolute;top:30%;left:60%;transform:translate(-50%,-50%)rotateX(60deg)rotate(-45deg)}.crane-tower{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:4px;width:10px;height:150px;position:absolute;bottom:0}.crane-arm{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:4px;width:120px;height:8px;position:absolute;top:25px;left:5px}.crane-cable{background:linear-gradient(to bottom,var(--accent-gold),transparent);width:3px;height:80px;animation:8s ease-in-out infinite cableSwing;position:absolute;top:29px;left:110px}.crane-hook{background:var(--accent-gold);width:12px;height:12px;box-shadow:0 0 20px var(--accent-gold);border-radius:50%;position:absolute;bottom:-50px;left:-6px}.floating-elements{width:100%;height:100%;position:absolute}.floating-element{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #d4af374d;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;animation:8s ease-in-out infinite floatElement;display:flex;position:absolute}.element-1{width:70px;height:70px;animation-delay:0s;top:20%;right:10%}.element-2{width:60px;height:60px;animation-delay:2s;bottom:30%;left:10%}.element-3{width:50px;height:50px;animation-delay:4s;top:40%;left:15%}.background-blur{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.blur-layer-1{filter:blur(80px);background:#d4af371a;border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite blurFloat;position:absolute;top:-50%;right:-20%}.blur-layer-2{filter:blur(60px);background:#1e548333;border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite reverse blurFloat;position:absolute;bottom:-30%;left:-10%}.blur-layer-3{filter:blur(40px);background:#ffffff0d;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite blurPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particles{width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:#ffffff1a;border-radius:50%;animation:6s ease-in-out infinite particleFloat;position:absolute}.hero-stats{gap:2rem;margin-top:2rem;display:flex}.stat{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex:1;padding:1.5rem 1rem;transition:all .3s}.stat:hover{border-color:var(--accent-gold);background:#ffffff26;transform:translateY(-5px)}.stat-number{color:var(--accent-gold);text-shadow:0 2px 4px #0000004d;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.stat-label{opacity:.9;font-size:.9rem;font-weight:600}.mission-vision-section{background:linear-gradient(#ffffffe6,#ffffffe6),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 800\" opacity=\"0.05\"><rect x=\"200\" y=\"200\" width=\"400\" height=\"300\" fill=\"%231e5483\" stroke=\"%231B365D\" stroke-width=\"2\"/><polygon points=\"200,200 400,100 600,200\" fill=\"%23D4AF37\"/><rect x=\"300\" y=\"300\" width=\"80\" height=\"120\" fill=\"%231B365D\"/><rect x=\"450\" y=\"300\" width=\"80\" height=\"120\" fill=\"%231B365D\"/></svg>"),var(--white);background-size:cover;padding:100px 0;position:relative}.mission-vision-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-top:4rem;display:grid}.mission-card,.vision-card{background:var(--white);box-shadow:var(--shadow);transform-style:preserve-3d;perspective:1000px;border:2px solid #0000;border-radius:20px;padding:3rem 2.5rem;transition:all .4s;position:relative;overflow:hidden}.mission-card:hover,.vision-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-hover);transform:translateY(-10px)rotateX(5deg)}.mission-card:before,.vision-card:before{content:"";background:linear-gradient(90deg,var(--accent-gold),var(--primary-blue));width:100%;height:4px;position:absolute;top:0;left:0}.card-icon{margin-bottom:1.5rem;font-size:3rem}.card-title{color:var(--secondary-blue);margin-bottom:1rem;font-size:1.8rem;font-weight:700}.card-description{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.mission-points,.vision-points{flex-direction:column;gap:.8rem;display:flex}.mission-point,.vision-point{align-items:center;gap:.8rem;font-size:1rem;display:flex}.point-bullet{color:var(--accent-gold);font-weight:700}.values-section{background:var(--light-bg);padding:100px 0}.values-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem;display:grid}.value-card{background:var(--white);text-align:center;box-shadow:var(--shadow);opacity:0;border-radius:20px;padding:2.5rem 2rem;transition:all .4s;position:relative;overflow:hidden;transform:translateY(50px)}.value-card.animate-in{opacity:1;transform:translateY(0)}.value-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.value-icon{margin-bottom:1.5rem;font-size:3rem}.value-title{color:var(--secondary-blue);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.value-description{color:#666;line-height:1.6}.team-section{background:var(--white);padding:100px 0}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.team-card{background:var(--white);text-align:center;box-shadow:var(--shadow);opacity:0;border:1px solid #1e54831a;border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;transform:translateY(50px)}.team-card.animate-in{opacity:1;transform:translateY(0)}.team-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.member-avatar{width:100px;height:100px;margin:0 auto 1.5rem}.avatar-placeholder{background:linear-gradient(135deg,var(--accent-gold),var(--primary-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex}.member-name{color:var(--secondary-blue);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.member-role{color:var(--accent-gold);margin-bottom:1rem;font-weight:600}.member-details{text-align:left}.member-experience{color:#666;margin-bottom:.5rem}.member-specialty{color:#666;font-size:.9rem}.timeline-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:100px 0;position:relative;overflow:hidden}.construction-timeline{max-width:1200px;margin:4rem auto;padding:2rem 0;position:relative}.timeline-line{z-index:1;background:linear-gradient(#1e54834d 0%,#1e5483 20%,#d4af37 50%,#1e5483 80%,#1e54834d 100%);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress{background:linear-gradient(#d4af37 0%,#1e5483 50%,#1b365d 100%);border-radius:2px;width:100%;height:0%;animation:3s ease-in-out 1s forwards timelineProgress;position:absolute;top:0;left:0}.timeline-item{opacity:0;z-index:2;align-items:center;margin-bottom:5rem;transition:all .8s;display:flex;position:relative;transform:translateY(50px)}.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-year{z-index:3;flex:0 0 120px;justify-content:center;align-items:center;display:flex}.year-bubble{color:#fff;background:linear-gradient(135deg,#1e5483,#1b365d);border:2px solid #fff;border-radius:25px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .4s;position:relative;box-shadow:0 8px 25px #1b365d4d,0 0 0 3px #ffffffe6,0 0 0 5px #d4af37}.year-glow{z-index:-1;background:radial-gradient(#1e548333 0%,#0000 70%);border-radius:30px;width:140px;height:60px;animation:3s ease-in-out infinite yearGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item:hover .year-bubble{transform:scale(1.05);box-shadow:0 12px 35px #1b365d66,0 0 0 3px #ffffffe6,0 0 0 5px #d4af37}.timeline-content{flex:1;max-width:500px;margin:0 2rem}.content-wrapper{background:#fff;border:1px solid #e1e8f0;border-radius:16px;padding:2.5rem 2rem;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #1b365d1a,inset 0 1px #fffc}.content-wrapper:before{content:"";background:linear-gradient(#1e5483,#d4af37);width:4px;height:100%;position:absolute;top:0;left:0}.timeline-item:hover .content-wrapper{border-color:#d4af37;transform:translateY(-8px);box-shadow:0 20px 50px #1b365d26,inset 0 1px #fffc}.milestone-icon{z-index:4;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.icon{color:#fff;background:linear-gradient(135deg,#1e5483,#1b365d);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 6px 20px #1b365d4d,0 0 0 3px #fff}.timeline-item:hover .icon{background:linear-gradient(135deg,#d4af37,#1e5483);transform:scale(1.1)}.icon-ring{border:2px solid #d4af374d;border-radius:50%;width:65px;height:65px;animation:3s ease-in-out infinite ringPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-body{z-index:2;position:relative}.milestone-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#1e5483,#1b365d);border-radius:15px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.timeline-event{color:#1b365d;margin-bottom:1rem;font-size:1.3rem;font-weight:700;line-height:1.4}.timeline-description{color:#5a6c7d;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.achievement-item{color:#5a6c7d;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;transition:color .3s;display:flex}.achievement-item:hover{color:#1e5483}.achievement-bullet{color:#d4af37;background:#d4af371a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:1rem;font-weight:700;display:flex}.timeline-item.completed .year-bubble{background:linear-gradient(135deg,#1e5483,#1b365d)}.timeline-item.current .year-bubble{background:linear-gradient(135deg,#d4af37,#1e5483);box-shadow:0 8px 25px #d4af3766,0 0 0 3px #ffffffe6,0 0 0 5px #d4af37}.timeline-item.current .milestone-tag{background:linear-gradient(135deg,#d4af37,#1e5483)}.construction-3d-elements{pointer-events:none;opacity:.03;z-index:1;position:absolute;inset:0}.blueprint-grid{background-image:linear-gradient(#1e5483 1px,#0000 1px),linear-gradient(90deg,#1e5483 1px,#0000 1px);background-size:10px 10px;width:80px;height:80px;position:absolute;top:10%;right:10%}.construction-beam{background:#1b365d;width:60px;height:4px;position:absolute;bottom:20%;left:15%;transform:rotate(45deg)}.building-shadow{background:linear-gradient(45deg,#0000,#1b365d1a);width:40px;height:80px;position:absolute;top:30%;left:70%;transform:skew(-20deg)}.timeline-decoration{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.decoration-crane,.decoration-tools,.decoration-blueprint{opacity:.05;color:#1b365d;font-size:2rem;position:absolute}.decoration-crane{animation:8s ease-in-out infinite floatElement;top:10%;left:10%}.decoration-tools{animation:6s ease-in-out infinite reverse floatElement;bottom:20%;right:15%}.decoration-blueprint{animation:10s ease-in-out infinite floatElement;top:40%;right:20%}@keyframes timelineProgress{0%{height:0%}to{height:100%}}@keyframes yearGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes ringPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}@keyframes floatElement{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@media (max-width:768px){.timeline-item{text-align:center;margin-bottom:3rem;padding-left:0;flex-direction:column!important}.timeline-year{flex:none;margin-bottom:1rem}.timeline-content{max-width:100%;margin:0}.milestone-icon{top:-20px;left:50%}.content-wrapper:before{width:100%;height:3px;top:0;left:0}.timeline-line{left:30px}.year-bubble{padding:.8rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.timeline-content{padding:1rem}.content-wrapper{padding:2rem 1.5rem}.timeline-event{font-size:1.1rem}.timeline-description{font-size:.9rem}}.achievements-list{flex-direction:column;gap:.5rem;display:flex}.achievement-item{color:#555;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;display:flex}.achievement-bullet{color:var(--accent-gold);font-size:1rem;font-weight:700}.stats-section{background:linear-gradient(135deg,#1e5483e6 0%,#1b365de6 100%),linear-gradient(135deg,var(--primary-blue)0%,var(--secondary-blue)100%);color:var(--white);padding:100px 0;position:relative}.white-text{color:var(--white)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem;display:grid}.stat-card{text-align:center;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem 1rem;transition:all .4s;position:relative;overflow:hidden;transform:translateY(30px)}.stat-card.animate-in{opacity:1;transform:translateY(0)}.stat-card:hover{background:#ffffff26;transform:translateY(-5px)}.stat-icon{margin-bottom:1rem;font-size:2.5rem}.stat-number{color:var(--accent-gold);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-label{opacity:.9;font-size:1rem}.cta-section{padding:80px 0}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:var(--secondary-blue);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.cta-description{color:#666;margin-bottom:2rem;font-size:1.2rem}.cta-buttons{justify-content:center;gap:1rem;display:flex}.cta-btn{cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.cta-btn.primary{background:linear-gradient(135deg,var(--accent-gold),var(--primary-blue));color:#fff}.cta-btn.secondary{color:var(--secondary-blue);border:2px solid var(--secondary-blue);background:0 0}.cta-btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{color:var(--secondary-blue);margin-bottom:1rem;font-size:3rem;font-weight:800}.section-subtitle{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem}.text-center{text-align:center}@keyframes sceneRotate{0%,to{transform:rotateY(0)rotateX(5deg)scale(1)}50%{transform:rotateY(10deg)rotateX(8deg)scale(1.02)}}@keyframes buildingPulse{0%,to{transform:translate(-50%,-50%)translateZ(50px)scaleY(1);box-shadow:0 10px 30px #0000004d}50%{transform:translate(-50%,-50%)translateZ(50px)scaleY(1.05);box-shadow:0 15px 40px #d4af3766}}@keyframes windowGlow{0%,to{opacity:.3;background:#d4af3766}50%{opacity:.8;background:#fff9}}@keyframes craneSwing{0%,to{transform:translate(-50%,-50%)rotateX(60deg)rotate(-45deg)}50%{transform:translate(-50%,-50%)rotateX(60deg)rotate(-40deg)}}@keyframes cableSwing{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes blurFloat{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(50px,-30px)scale(1.1)}}@keyframes blurPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.2)}}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0)}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s ease-out forwards fadeInUp}@media (max-width:768px){.about-hero{padding:2rem 1rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-text{padding:2rem 1.5rem}.hero-visual{height:300px}.skyscraper{width:50px;height:180px}.hero-stats{flex-direction:column;gap:1rem}.mission-vision-grid{grid-template-columns:1fr;gap:2rem}.values-grid,.team-grid{grid-template-columns:1fr}.timeline-item{margin-bottom:4rem;padding-left:0;flex-direction:column!important}.timeline-year{margin-bottom:1rem}.timeline-content{max-width:100%;margin:0}.milestone-icon{top:-20px;left:50%}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}.blur-layer-1,.blur-layer-2,.blur-layer-3{display:none}}