.about-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe)}.hero-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#2563eb,#9333ea 50%,#4f46e5);color:white;padding:120px 0 80px}.hero-content{position:relative;max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.hero-title{font-size:3rem;font-weight:500;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#bfdbfe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:#bfdbfe;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:300}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:300;display:inline-flex}.hero-overlay{background:rgba(0,0,0,.2);top:0}.hero-fade,.hero-overlay{position:absolute;bottom:0;left:0;right:0}.hero-fade{height:5rem;background:linear-gradient(0deg,#f8fafc)}.story-section{padding:5rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.story-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.story-title{font-size:2.5rem;font-weight:700;color:#343335;margin-bottom:1.5rem}.story-text{color:#6b7280;font-size:1.1rem;line-height:1.6}.story-text p{margin-bottom:1.5rem}.mission-box{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid #e5e7eb;text-align:center}.mission-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:#2563eb}.mission-title{font-size:1.5rem;font-weight:700;color:#343335;margin-bottom:.75rem}.mission-text{color:#4b5563;line-height:1.6}.values-section{padding:5rem 0;background:white}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;color:#343335;margin-bottom:1rem}.section-subtitle{color:#6b7280;font-size:1.1rem;line-height:1.6;max-width:700px;margin:0 auto}.values-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;gap:2rem}.value-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid #e5e7eb;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-2px)}.value-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#2563eb,#9333ea);color:white;border-radius:1rem;margin-bottom:1rem;transition:transform .3s ease}.value-card:hover .value-icon-wrapper{transform:scale(1.1)}.value-icon{width:2rem;height:2rem}.value-title{font-size:1.1rem;font-weight:700;color:#343335;margin-bottom:.75rem}.value-description{color:#4b5563;line-height:1.6}.timeline-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e0f2fe)}.timeline-container{max-width:1000px;margin:0 auto;padding:0 2rem}.timeline{display:flex;flex-direction:column;gap:2rem}.timeline-item{display:flex;align-items:center;gap:1rem}.timeline-year{flex-shrink:0;width:5rem;text-align:right}.timeline-badge{display:inline-block;padding:.25rem .75rem;color:white;font-size:.875rem;font-weight:700;border-radius:1rem}.timeline-badge,.timeline-dot{background:linear-gradient(135deg,#2563eb,#9333ea)}.timeline-dot{flex-shrink:0;width:1rem;height:1rem;border-radius:50%;transition:transform .3s ease}.timeline-item:hover .timeline-dot{transform:scale(1.25)}.timeline-content{flex:1 1;background:white;padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e5e7eb;transition:box-shadow .3s ease}.timeline-item:hover .timeline-content{box-shadow:0 10px 20px rgba(0,0,0,.1)}.timeline-text{color:#374151;margin:0}.cta-section{padding:5rem 0;background:linear-gradient(135deg,#2563eb,#9333ea 50%,#4f46e5);color:white;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-subtitle{font-size:1.25rem;margin-bottom:2rem;color:#bfdbfe}.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:white;color:#2563eb;font-weight:700;border-radius:2rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:white;font-weight:700;border-radius:2rem;text-decoration:none;border:2px solid white;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-secondary:hover{background:white;color:#2563eb}.arrow-icon{width:1.25rem;height:1.25rem;transition:transform .3s ease}.btn-primary:hover .arrow-icon{transform:translateX(4px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.story-grid{gap:2rem}.story-grid,.values-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-year{width:auto;text-align:left}.cta-buttons{flex-direction:column}.section-title{font-size:2rem}}@media (min-width:768px){.cta-buttons{flex-direction:row;justify-content:center}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.825rem}.hero-badge{background:rgb(255 255 255/0);border:none;border-radius:0;padding:0 12px;font-size:.875rem;font-weight:300;display:inline-flex;flex-direction:column}.story-title{font-size:2rem;margin-bottom:1rem}.story-text p{font-size:.875rem}.section-subtitle{font-size:1rem}.timeline-item{flex-direction:column;align-items:center;text-align:center}}