.about-page{background:var(--primary-dark);min-height:100vh}.about-hero{background-image:url(/images/minecraft-autumn.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:40px 0;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";z-index:1;background:linear-gradient(#0a0e0d99 0%,#0a0e0dcc 100%);position:absolute;inset:0}.about-hero-content{z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 2rem;position:relative}.about-hero-title{color:var(--white);text-shadow:0 4px 30px #0009;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.2}.about-hero-title .highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px #10b98166);-webkit-background-clip:text;background-clip:text;display:inline-block}.about-hero-subtitle{color:var(--text-secondary);text-shadow:0 2px 15px #000c;max-width:750px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.8}.about-origin{padding:80px 0;position:relative}.about-origin-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.origin-image{position:relative}.melonmc-logo-wrapper{flex-direction:column;align-items:center;gap:0;padding:3rem;display:flex;position:relative}.melonmc-logo{filter:drop-shadow(0 10px 40px #10b9814d);width:100%;max-width:350px;height:auto;transition:var(--transition);display:block}.melonmc-logo-wrapper:hover .melonmc-logo{filter:drop-shadow(0 15px 50px #10b98180);transform:scale(1.05)}.origin-link{color:var(--accent-green-light);background:var(--primary-dark);border:2px solid var(--accent-green);border-radius:var(--radius-md);transition:var(--transition);opacity:0;pointer-events:none;white-space:nowrap;z-index:10;padding:.875rem 1.75rem;font-size:1.125rem;font-weight:600;text-decoration:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.melonmc-logo-wrapper:hover .origin-link{opacity:1;pointer-events:all}.origin-link:hover{background:var(--accent-green);color:var(--primary-dark);box-shadow:var(--glow-green);transform:translate(-50%,50%)translateY(-2px)}.origin-content{padding-left:2rem}.origin-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.origin-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.8}.origin-text strong{color:var(--accent-green-light);font-weight:600}.about-timeline{background:var(--secondary-dark);padding:80px 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.timeline{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid;position:relative}.timeline-item{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.timeline-icon{background:var(--card-bg);border:3px solid var(--accent-green);width:80px;height:80px;transition:var(--transition);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 0 20px #10b9814d}.timeline-icon svg{width:36px;height:36px;color:var(--accent-green-light);transition:var(--transition)}.timeline-item:hover .timeline-icon{background:var(--accent-green);transform:scale(1.1);box-shadow:0 0 30px #10b98180}.timeline-item:hover .timeline-icon svg{color:var(--primary-dark)}.timeline-content{width:100%}.timeline-year{background:var(--accent-green);color:var(--primary-dark);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-block}.timeline-title{color:var(--white);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.timeline-description{color:var(--text-secondary);font-size:1rem;line-height:1.7}@media (max-width:1200px){.timeline{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (max-width:968px){.about-origin-grid{grid-template-columns:1fr;gap:3rem}.origin-content{padding-left:0}.timeline{grid-template-columns:1fr;max-width:600px}}@media (max-width:768px){.about-hero{min-height:80vh;padding:120px 0 40px}.about-origin,.about-timeline{padding:60px 0}.melonmc-logo-wrapper{padding:2rem}.melonmc-logo{max-width:250px}.timeline-icon{width:60px;height:60px}.timeline-icon svg{width:28px;height:28px}}@media (max-width:480px){.about-hero{padding:130px 0 50px}.melonmc-logo{max-width:200px}.timeline-icon{width:50px;height:50px}.timeline-icon svg{width:24px;height:24px}}