body{margin:0;background:var(--background-color);color:var(--white-color)}.about-container{width:min(1200px,92vw);margin:0 auto;display:flex;flex-direction:column;gap:6rem}.section-heading{max-width:720px}.section-heading h2{font-size:clamp(2rem,3vw + 1rem,3rem);color:var(--white-color);margin-bottom:1rem}.section-heading p{font-size:1rem;line-height:1.9;color:var(--text-white)}.hero{display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem;border-radius:32px;background:linear-gradient(135deg,var(--card-overlay-98),var(--background-overlay-70-deep));box-shadow:0 24px 50px -30px var(--shadow-elevated);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,245,255,0.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(137,97,255,0.3),transparent 50%);opacity:0.6;pointer-events:none}.hero-badge{align-self:flex-start;padding:0.35rem 1rem;border-radius:999px;background:var(--color-primary-20);color:var(--color-primary);font-size:0.85rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;backdrop-filter:blur(6px)}.hero-title{font-size:clamp(2.2rem,3.5vw + 1rem,4rem);line-height:1.3;color:var(--white-color);max-width:900px;position:relative;z-index:1}.hero-title span{color:var(--color-primary);text-shadow:0 8px 30px var(--color-primary-40)}.hero-subtitle{max-width:660px;font-size:1.05rem;line-height:1.9;color:var(--text-white-80);position:relative;z-index:1}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;position:relative;z-index:1}.stat-card{padding:1.8rem;border-radius:20px;background:var(--card-overlay-95);backdrop-filter:blur(8px);border:1px solid var(--surface-tint-12);box-shadow:0 20px 40px -28px var(--shadow-elevated)}.stat-label{font-size:0.9rem;color:var(--text-white-70)}.stat-value{display:block;margin-top:0.8rem;font-size:2rem;font-weight:700;color:var(--white-color)}.stat-detail{margin-top:0.5rem;font-size:0.85rem;color:var(--text-white-70)}.story{display:flex;flex-direction:column;gap:3rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.story-card{padding:2rem;border-radius:24px;background:var(--card-overlay-90);border:1px solid var(--surface-tint-08);position:relative;overflow:hidden}.story-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--color-primary-20));opacity:0;transition:opacity 0.4s ease}.story-card:hover::before{opacity:1}.story-year{font-size:0.85rem;color:var(--color-primary);letter-spacing:0.12em;text-transform:uppercase}.story-card h3{margin:1rem 0 0.75rem;color:var(--white-color);font-size:1.25rem}.story-card p{color:var(--text-white-80);line-height:1.8}.experience{display:flex;flex-direction:column;gap:3rem}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.experience-item{padding:2rem 1.8rem;border-radius:22px;background:var(--card-overlay-90);border:1px solid var(--surface-tint-08);box-shadow:0 18px 45px -30px var(--shadow-elevated);display:flex;flex-direction:column;gap:1rem}.experience-icon{width:56px;height:56px;border-radius:18px;background:var(--color-primary-20);display:grid;place-items:center;font-size:1.8rem}.experience-item h3{color:var(--white-color);font-size:1.2rem}.experience-item p{color:var(--text-white-80);line-height:1.9}.experience-note{font-size:0.85rem;color:var(--color-primary)}.performance{display:flex;flex-direction:column;gap:3rem}.performance-content{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:stretch}.performance-metrics{display:grid;gap:1.5rem}.metric{padding:1.8rem;border-radius:20px;background:var(--card-overlay-95);border:1px solid var(--surface-tint-10)}.metric-label{font-size:0.95rem;color:var(--text-white-70)}.metric-value{display:block;margin-top:0.75rem;font-size:1.8rem;color:var(--white-color);font-weight:700}.metric-detail{font-size:0.85rem;margin-top:0.5rem;color:var(--text-white-70)}.feedback-carousel{border-radius:28px;padding:2.4rem;background:linear-gradient(160deg,var(--card-overlay-95),rgba(0,245,255,0.08));border:1px solid var(--surface-tint-08);display:grid;gap:1.5rem}.feedback-item{margin:0;padding:1.5rem;border-radius:18px;background:var(--surface-tint-05);border:1px solid var(--surface-tint-08);backdrop-filter:blur(6px)}.feedback-item blockquote{margin:0;font-size:1rem;line-height:1.9;color:var(--text-white-85)}.feedback-item figcaption{margin-top:0.75rem;font-size:0.85rem;color:var(--color-primary)}.cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:stretch;background:linear-gradient(140deg,var(--card-overlay-90),var(--background-overlay-70));padding:2.8rem;border-radius:32px;border:1px solid var(--surface-tint-10);box-shadow:0 18px 60px -30px var(--shadow-elevated)}.cta-content h2{color:var(--white-color);font-size:clamp(1.8rem,2vw + 1rem,2.6rem);margin-bottom:1rem}.cta-content p{color:var(--text-white-80);line-height:1.9;margin-bottom:1.8rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:0.95rem 2.4rem;border-radius:999px;background:var(--color-primary);color:var(--dark-color);font-weight:700;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease;box-shadow:0 16px 45px -20px var(--color-primary)}.cta-button:hover{transform:translateY(-3px);background:var(--color-primary-90);box-shadow:0 24px 60px -30px var(--color-primary)}.cta-highlight{border-radius:24px;padding:2.2rem;background:var(--card-overlay-95);border:1px solid var(--surface-tint-12);display:flex;flex-direction:column;gap:0.75rem;justify-content:center}.cta-highlight span{font-size:2.8rem;font-weight:700;color:var(--color-primary)}.cta-highlight p{color:var(--text-white-80);line-height:1.8}.has-animations [data-animate="section"],.has-animations [data-animate="card"],.has-animations [data-animate="hero"]{opacity:0;transform:translateY(40px)}@media (max-width:960px){.about-container{padding:4.5rem 0 4rem;gap:4.5rem}.hero{padding:2rem}.performance-content{grid-template-columns:1fr}.feedback-carousel{padding:2rem}}@media (max-width:600px){.hero{padding:1.8rem;border-radius:24px}.hero-stats{grid-template-columns:1fr}.story-card,.experience-item,.metric,.feedback-item,.cta-highlight{padding:1.6rem}.cta{padding:2rem;border-radius:24px}}.page-hidden{display:none}