.about-page{background:var(--bg-page);min-height:100vh}.about-hero{text-align:center;padding:150px 0 80px;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#4e9f3d0a 1px,#0000 1px),linear-gradient(90deg,#4e9f3d0a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.about-hero-orb{pointer-events:none;background:radial-gradient(circle,#4e9f3d1f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-page-title{color:#fff;letter-spacing:-.03em;z-index:1;margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;position:relative}.about-page-subtitle{color:#ffffff8c;z-index:1;max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.65;position:relative}.story-section{background:#eaedea;border-top:1px solid #0f172a14;border-bottom:1px solid #0f172a14;padding:90px 0;position:relative;overflow:hidden}.story-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#d8b2570a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:20%;right:-100px}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.story-label{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:8px;margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-flex}.story-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;line-height:1.2}.story-text{color:#1e293b;margin-bottom:16px;font-size:.95rem;line-height:1.75}.story-timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:20px;display:flex;position:relative}.timeline-item:not(:last-child) .tl-line{display:block}.tl-dot-col{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.tl-dot{background:linear-gradient(135deg,#4e9f3d,#7fcf6a);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px;box-shadow:0 0 10px #4e9f3d66}.tl-line{background:#4e9f3d40;flex:1;width:1px;min-height:30px;margin:4px 0}.tl-content{padding-bottom:28px}.tl-year{color:var(--primary-dark);letter-spacing:.1em;margin-bottom:4px;font-size:.72rem;font-weight:800}.tl-event{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.5}.values-section{background:#eaeff2;border-bottom:1px solid #0f172a14;padding:90px 0;position:relative;overflow:hidden}.values-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#4e9f3d0a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:10%;left:-100px}.section-title-wrapper{text-align:center;margin-bottom:48px}.section-subtitle{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-block}.gradient-title{background:linear-gradient(135deg, var(--primary-dark), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-description{color:#475569;max-width:560px;margin:12px auto 0;font-size:1rem;line-height:1.7}.values-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:22px;display:grid;position:relative}.value-card{background:#fff;border:1px solid #0a1a0c;border-radius:22px;padding:32px 26px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.value-card:after{content:"";background:linear-gradient(90deg,#4e9f3d,#d8b257);border-radius:0 0 2px 2px;height:2px;transition:transform .35s;position:absolute;top:0;left:16px;right:16px;transform:scaleX(0)}.value-card:hover{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--primary-light), var(--gold-light)) border-box;border:1.5px solid #0000;transform:translateY(-6px);box-shadow:0 16px 32px #0f172a1f}.value-card:hover:after{transform:scaleX(1)}.value-icon{margin-bottom:16px;font-size:2rem;display:block}.value-title{color:#0f172a;margin-bottom:10px;font-size:1.05rem;font-weight:700}.value-desc{color:#1e293b;font-size:.87rem;line-height:1.65}.stats-section{background:#eaedea;border-bottom:1px solid #0f172a14;padding:80px 0}.stats-section.dark-section{border-bottom:1px solid #ffffff0d;background:linear-gradient(135deg,#060d08 0%,#0a1a0c 100%)!important}.stats-section.dark-section .stat-label{color:#f0f4f099!important}.stats-section.dark-section .stat-num{background:linear-gradient(135deg, var(--primary-light), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stats-row{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat-block{flex-direction:column;align-items:center;gap:8px;display:flex}.stat-num{background:linear-gradient(135deg,#4e9f3d,#3a7a2d);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800}.stat-label{color:#475569;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;font-weight:700}.edge-section{background:#eaeff2;border-bottom:1px solid #0f172a14;padding:90px 0;position:relative;overflow:hidden}.edge-section.dark-section{border-bottom:1px solid #ffffff0d;background:linear-gradient(135deg,#060d08 0%,#0a1a0c 100%)!important}.edge-section.dark-section .edge-main-card{box-shadow:none;background:#ffffff09;border:1px solid #ffffff14}.edge-section.dark-section .edge-title{color:#fff}.edge-section.dark-section .edge-desc{color:#fff9}.edge-section.dark-section .edge-item{border-bottom:1.5px solid #ffffff14}.edge-section.dark-section .edge-icon{color:#fff;background:#4e9f3d26;border:1.5px solid #ffffff26}.edge-section.dark-section .edge-ring{border-color:#ffffff0d}.edge-section.dark-section .edge-ring-2{border-color:#ffffff08}.edge-grid{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid;position:relative}.edge-visual-box{position:relative}.edge-main-card{background:#fff;border:1px solid #0a1a0c;border-radius:24px;padding:40px;box-shadow:0 6px 24px #0f172a0d}.edge-ring{pointer-events:none;border:1px solid #0f172a14;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edge-ring:before{content:"";background:#4e9f3d;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #4e9f3d99}.edge-ring-2{border-color:#0f172a0d;width:490px;height:490px}.edge-item{border-bottom:1.5px solid #cbd5e1;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.edge-item:last-child{border-bottom:none;padding-bottom:0}.edge-icon{background:#4e9f3d14;border:1.5px solid #0a1a0c;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.edge-title{color:#0f172a;margin-bottom:4px;font-size:.93rem;font-weight:700}.edge-desc{color:#475569;font-size:.83rem;line-height:1.5}.about-cta-section{text-align:center;background:#eaedea;padding:80px 0;position:relative;overflow:hidden}.about-cta-section:before{content:"";pointer-events:none;background:radial-gradient(#4e9f3d0d 0%,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-title{color:#0f172a;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.cta-text{color:#475569;margin-bottom:32px;font-size:.95rem;line-height:1.65}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.breadcrumbs{color:#fff9;font-size:.85rem}.breadcrumbs a{color:#ffffffbf;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#7fcf6a}.breadcrumbs span{color:#fff6;margin:0 6px}@media (max-width:992px){.story-grid{grid-template-columns:1fr;gap:40px}.values-grid{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(2,1fr);gap:24px}.edge-grid{grid-template-columns:1fr;gap:40px}.edge-ring,.edge-ring-2{display:none}.mission-vision-grid{grid-template-columns:1fr!important}}@media (max-width:600px){.values-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.mission-vision-grid{grid-template-columns:1fr!important}}
