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