body,html{overflow-x:hidden}.about-page::-webkit-scrollbar{display:none}.about-page{min-height:100vh;width:100%;overflow-x:hidden;position:relative;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;background:#000}.hero-section{min-height:100vh;width:100%;position:relative;overflow:hidden;z-index:1}.parallax-bg{top:0;height:100%;background:url(/about/background.jpg);background-size:cover;background-position:top;background-repeat:no-repeat;transform:translateY(var(--bg-parallax,0));will-change:transform;filter:brightness(.8) contrast(1.1)}.moon-surface-fixed,.parallax-bg{position:absolute;left:0;width:100%}.moon-surface-fixed{bottom:0;height:450px;z-index:3}.moon-image{object-fit:cover;object-position:center bottom}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.02));z-index:1;pointer-events:none}.hero-title{color:#fff;font-size:clamp(3rem,5vw,6rem);font-weight:800;text-align:center;letter-spacing:.04em;text-shadow:0 0 18px rgba(0,0,0,.7);margin:0;padding:0 1rem;line-height:1.1;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) translateY(var(--title-parallax,0));will-change:transform,opacity;transition:opacity .3s ease-out;z-index:2}.hero-title.mobile{font-size:3.2rem;margin-bottom:36px;line-height:1.18;top:68%}.title-accent{color:#87CEEB}.hero-subtitle{color:#fff;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:500;text-align:center;letter-spacing:.02em;text-shadow:0 0 12px rgba(0,0,0,.7);margin:0;padding:0 1rem;line-height:1.2;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%) translateY(var(--title-parallax,0));will-change:transform,opacity;transition:opacity .3s ease-out;z-index:2}.hero-subtitle.mobile{font-size:2rem;margin-top:36px;line-height:1.28;top:80%}.subtitle-accent{color:#87CEEB}.content-sections{width:100%;position:relative;z-index:2;margin-top:50px}.merged-parallax-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:transparent;position:relative;overflow:hidden;margin:0;padding:4vw 5vw;z-index:2}.section-wrapper{width:100%;margin-bottom:4vw}.section-wrapper:last-child{margin-bottom:0}.parallax-bg{transition:transform .1s ease-out}.moon-surface-fixed{transition:opacity .3s ease-out}.parallax-section{display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;gap:clamp(2vw,4vw,6vw);max-width:1400px;margin:0 auto}.parallax-section.reverse{flex-direction:row-reverse}.parallax-logo{flex:0 1 clamp(150px,20vw,250px);min-width:150px;max-width:250px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;transform:translateX(-100vw) rotateY(0deg);transition:opacity .7s cubic-bezier(.77,0,.18,1),transform 1.1s cubic-bezier(.77,0,.18,1);will-change:opacity,transform;border-radius:clamp(12px,1.5vw,24px);box-shadow:0 0 24px 4px #1ea7ff,0 8px 32px rgba(0,0,0,.3);border:1px solid #1ea7ff;margin:clamp(1vw,2vw,3vw) 0}.parallax-logo.reverse{transform:translateX(100vw) rotateY(0deg)}.parallax-logo.in-view{opacity:1;transform:translateX(0) rotateY(1turn)}.logo-inner{width:85%;height:85%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-image,.logo-inner{border-radius:clamp(8px,1vw,16px)}.logo-image{object-fit:contain;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.logo-image_spats{object-fit:contain;scale:1.4;border-radius:clamp(8px,1vw,16px);transition:transform .3s ease}.logo-image_spats:hover{transform:scale(1.05)}.parallax-content{flex:1 1;min-width:0;display:flex;align-items:center}.content-paragraph{color:#fff;font-size:clamp(.9rem,1.1vw,1.2rem);line-height:1.7;margin:0;opacity:0;transform:translateX(100vw);transition:opacity .7s cubic-bezier(.77,0,.18,1) .18s,transform 1.1s cubic-bezier(.77,0,.18,1) .18s;will-change:opacity,transform;background:rgba(0,0,0,.25);border-radius:clamp(8px,1vw,12px);padding:clamp(1.5vw,2vw,3vw);box-shadow:0 0 12px 2px #fff,0 2px 12px rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);max-width:100%;height:auto;display:flex;align-items:center;text-align:center}.content-paragraph.reverse{transform:translateX(-100vw)}.content-paragraph.in-view{opacity:1;transform:translateX(0)}.achievements-section{width:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2vw,3vw,4vw) 0;z-index:2}.achievements-title{color:#fff;font-size:clamp(2rem,2.6vw,3rem);font-weight:700;margin-bottom:clamp(2vw,3vw,4vw);text-align:center;text-shadow:0 0 12px rgba(0,0,0,.6);padding:0 1rem}.achievements-section.mobile .achievements-title{margin-bottom:32px}.achievements-grid{display:flex;flex-wrap:wrap;gap:clamp(1vw,2vw,3vw);justify-content:center;align-items:stretch;width:100%;max-width:1100px;margin-bottom:clamp(2vw,4vw,6vw);perspective:1200px;padding:0 1rem}.achievement-card{flex:1 1 clamp(200px,220px,260px);min-width:clamp(180px,200px,220px);max-width:clamp(220px,260px,300px);background:rgba(30,167,255,.18);border:2.5px solid #1ea7ff;border-radius:clamp(12px,18px,24px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5vw,2.2vw,3vw) clamp(.5vw,1vw,1.5vw);color:#fff;box-shadow:0 2px 16px rgba(0,0,0,.3);font-weight:600;font-size:clamp(1.2rem,1.5rem,1.8rem);text-align:center;margin:0 clamp(.25vw,.5vw,1vw);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.achievement-value{font-size:clamp(1.8rem,2.1rem,2.5rem);font-weight:700;margin-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:1.2em}.achievement-label{font-size:clamp(.9rem,1.1rem,1.3rem);font-weight:400}.timeline-section{width:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3vw,4vw,5vw) 0;z-index:2;position:relative}.timeline-section.mobile{padding:clamp(2vw,3vw,4vw) 0}.timeline-title{color:#fff;font-size:clamp(2rem,2.6vw,3rem);font-weight:700;margin-bottom:clamp(2vw,3vw,4vw);text-align:center;text-shadow:0 0 12px rgba(0,0,0,.6);padding:0 1rem}.timeline-section.mobile .timeline-title{font-size:2rem;margin-bottom:32px}.timeline-container{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0 1rem;min-height:230px}.timeline-section.mobile .timeline-container{max-width:98vw;padding:0;min-height:auto}.timeline-line{position:absolute;left:7%;width:86%;height:4px;background:linear-gradient(90deg,#1ea7ff,#87ceeb);border-radius:2px;z-index:1;top:200px}.timeline-section.mobile .timeline-line{left:50%;width:4px;background:linear-gradient(180deg,#1ea7ff,#87ceeb);top:calc(70px + 12px);transform:translateX(-50%)}.timeline-dot{position:absolute;top:calc(200px + 2px);left:7%;width:22px;height:22px;background:#1ea7ff;border-radius:50%;box-shadow:0 0 20px #1ea7ff;z-index:2;transform:translate(-50%,-50%);border:3px solid #fff}.timeline-items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(1vw,2vw,3vw);gap:clamp(1vw,2vw,3vw);position:relative;z-index:3}.timeline-items.mobile{display:flex;flex-direction:column;gap:18px;align-items:center}.timeline-item{flex:1 1 clamp(200px,220px,260px);min-width:clamp(180px,200px,220px);max-width:clamp(220px,260px,300px);background:rgba(30,167,255,.18);border:2.5px solid rgba(255,255,255,.2);border-radius:clamp(12px,18px,24px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5vw,2.2vw,3vw) clamp(.5vw,1vw,1.5vw);color:#fff;box-shadow:0 2px 16px rgba(0,0,0,.3);font-weight:600;font-size:clamp(1.2rem,1.5rem,1.8rem);text-align:center;margin:0 clamp(.25vw,.5vw,1vw);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:150px;transition:border .3s,box-shadow .3s}.timeline-section.mobile .timeline-item{flex:1 1 100%;min-width:70vw;max-width:90vw;padding:clamp(1vw,2vw,2.5vw);font-size:1rem;margin:0 auto 12px;height:70px}.timeline-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto clamp(.3vw,.7vw,1vw);transition:filter .3s ease}.timeline-section.mobile .timeline-icon{width:28px;height:28px;margin-bottom:8px}.timeline-date{font-size:clamp(.9rem,1.1rem,1.3rem);font-weight:600;margin:0 0 clamp(.2vw,.3vw,.5vw);transition:color .3s ease}.timeline-section.mobile .timeline-date{font-size:.9rem;margin-bottom:4px}.timeline-event{font-size:clamp(.8rem,1rem,1.2rem);font-weight:400;line-height:1.4;opacity:.9;margin:0}.timeline-section.mobile .timeline-event{font-size:.8rem}@media (max-width:1540px){.hero-subtitle{top:54%}}@media (max-width:1200px){.hero-subtitle{top:52%}}@media (max-width:1100px){.parallax-bg{scale:1.5;top:24vh}.hero-title{scale:6rem}.hero-subtitle{scale:2.5rem}}@media (max-width:768px){.section-wrapper{margin-bottom:8vw}.section-wrapper:last-child{margin-bottom:4vw}.hero-section{min-height:100vh!important}.hero-title{scale:3.5rem}.hero-subtitle{scale:2rem}.parallax-section{flex-direction:column!important;gap:2rem!important;padding:2rem 1rem!important}.parallax-logo{flex:1 1 auto!important;min-width:250px!important;max-width:300px!important;margin:0 auto!important}.parallax-content{flex:1 1 auto!important;margin:0!important}.parallax-bottom{margin-left:0!important;margin-right:0!important}}@media (max-width:665px){.hero-title{width:100%;scale:1.5rem}.hero-subtitle{scale:1rem}}@media(max-width:480px) and (min-width:441px){.parallax-bg{scale:1.9rem}.hero-subtitle{width:100%}.hero-title{scale:2.5rem}}@media (max-width:480px){.parallax-logo{min-width:200px!important;max-width:250px!important}}@media (max-width:390px){.hero-subtitle{top:68%}.subtitle-accent{width:100%}.hero-title{left:50%}.hero-subtitle{display:flex;flex-direction:column;align-items:center;top:55%;width:100%;line-height:1.5}.subtitle-accent{align-self:center;display:block;width:100%;margin-bottom:2px}}@media (max-width:333px){.hero-title{padding:1px}}@media (max-width:303px){.hero-title{top:40%;padding:1px}}@media (max-height:600px){.hero-subtitle{top:53%}}@media (max-height:450px){.hero-subtitle{top:55%}.moon-surface-fixed{scale:1.5}}@media (max-height:600px) and (max-width:390px){.hero-subtitle{top:57%}.moon-surface-fixed{scale:1.2}}@media (max-height:420px) and (max-width:390px){.hero-subtitle{top:59%}.moon-surface-fixed{scale:2}}