.about-section{
    padding:140px 0;
    background:#050505;
    color:#fff;
}

.section-tag{
    display:inline-block;
    color:#c6ff00;
    font-size:14px;
    letter-spacing:3px;
    font-weight:600;
    margin-bottom:20px;
}

.about-section h2{
    font-size:clamp(3rem,5vw,5rem);
    font-weight:800;
    line-height:1;
    margin-bottom:30px;
}

.about-section p{
    font-size:1.2rem;
    color:#9a9a9a;
    line-height:1.8;
}

.about-content{
    padding-left:50px;
}

.about-stats{
    margin-top:60px;
    display:flex;
    gap:60px;
}

.about-stat h3{
    font-size:4rem;
    font-weight:800;
    color:#fff;
}

.about-stat span{
    color:#888;
    font-size:14px;
    text-transform:uppercase;
}

.blob{
position:fixed;
border-radius:50%;
filter:blur(120px);
z-index:-1;
opacity:.15;
}

.blob1{
width:400px;
height:400px;
background:#c6ff00;
top:-100px;
left:-100px;
}

.blob2{
width:350px;
height:350px;
background:#c6ff00;
right:-100px;
bottom:0;
}

.about-hero{
min-height:100vh;
padding:0 7%;
display:flex;
justify-content:center;
flex-direction:column;
}

.tag{
color:var(--accent);
letter-spacing:3px;
}

.hero-title{
font-size:clamp(4rem,10vw,11rem);
line-height:.85;
font-weight:900;
margin:20px 0;
}

.about-hero p{
max-width:650px;
font-size:1.2rem;
color: #c6ff00;
}

.story{
padding:150px 7%;
display:grid;
grid-template-columns:1fr 2fr;
gap:80px;
}

.story-left span{
color:var(--accent);
letter-spacing:2px;
}

.story-right h2{
font-size:clamp(2rem,4vw,4rem);
margin-bottom:30px;
line-height:1.1;
}

.story-right p{
color:var(--gray);
font-size:1.1rem;
}

.stats{
padding:100px 7%;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.stat-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(20px);
padding:50px;
border-radius:30px;
transition:.4s;
}

.stat-card:hover{
transform:translateY(-12px);
}

.stat-card h2{
font-size:4rem;
color:var(--accent);
}

.stat-card p{
color:var(--gray);
}

.timeline{
padding:150px 7%;
}

.timeline h2{
font-size:5rem;
margin-bottom:80px;
}

.timeline-item{
display:flex;
justify-content:space-between;
padding:40px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}

.timeline-item span{
color:var(--accent);
font-size:1.2rem;
}

.timeline-item h3{
font-size:2.5rem;
}

.cta{
padding:200px 7%;
text-align:center;
}

.cta h2{
font-size:clamp(3rem,8vw,8rem);
line-height:.9;
margin-bottom:50px;
}

.cta a{
display:inline-block;
padding:18px 40px;
background:var(--accent);
color:#000;
font-weight:700;
border-radius:50px;
text-decoration:none;
transition:.4s;
}

.cta a:hover{
transform:scale(1.08);
}

@media(max-width:992px){

.story{
grid-template-columns:1fr;
}

.stats{
grid-template-columns:1fr;
}

.timeline-item{
flex-direction:column;
gap:20px;
}

.timeline h2{
font-size:3rem;
}

}

/* Footer */
.footer{
padding:100px 0 40px;
background:#050505;
border-top:1px solid rgba(255,255,255,.08);
}

.footer-top{
display:flex;
justify-content:space-between;
gap:80px;
margin-bottom:60px;
}

.footer-brand{
max-width:400px;
}

.footer-brand h2{
font-size:2.5rem;
font-weight:800;
margin-bottom:20px;
}

.footer-brand p{
color:#888;
line-height:1.8;
}

.footer-links{
display:flex;
gap:80px;
}

.footer-links h4{
color:#c6ff00;
margin-bottom:25px;
font-size:1rem;
text-transform:uppercase;
letter-spacing:2px;
}

.footer-links div{
display:flex;
flex-direction:column;
}

.footer-links a{
color:#aaa;
text-decoration:none;
margin-bottom:14px;
transition:.3s;
}

.footer-links a:hover{
color:#c6ff00;
transform:translateX(5px);
}

.footer-divider{
height:1px;
background:rgba(255,255,255,.08);
margin-bottom:30px;
}

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
color:#777;
font-size:.95rem;
}

.footer-bottom span{
color:#999;
}

@media(max-width:992px){

.footer-top{
flex-direction:column;
}

.footer-links{
flex-wrap:wrap;
gap:50px;
}

.footer-bottom{
flex-direction:column;
gap:15px;
text-align:center;
}

}