.about-page{--section-spacing:3rem;--content-max-width:1200px;min-height:100vh}.about-hero{padding:3rem 0;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center;justify-content:center}.about-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 20%),repeating-linear-gradient(45deg,rgba(255,255,255,5%) 0%,rgba(255,255,255,5%) 1px,transparent 1px,transparent 10px );z-index:1;animation:gradientShift 15s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 100%}100%{background-position:0 0}}.about-hero .container{position:relative;z-index:2;text-align:center;max-width:var(--content-max-width);margin:0 auto;padding:0 1rem}.about-hero h1{font-size:calc(var(--h1-font-size) * .85);padding-top:.75rem;margin-bottom:1.5rem;font-weight:var(--font-weight-bold);animation:slideDown .8s ease-out forwards;color:var(--primary-color);position:relative;overflow:visible;line-height:1.2}.about-hero h1::after{content:'';position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--support-gradient-start),var(--support-gradient-end));border-radius:2px}.about-hero h1 i{margin-right:.5rem;color:var(--secondary-color);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.about-hero .lead{font-size:var(--h3-font-size);opacity:.9;max-width:800px;margin:0 auto 2rem;line-height:1.6;animation:fadeIn 1s ease-out .3s both;color:var(--text-color)}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:4rem;animation:fadeIn 1s ease-out .6s both}.hero-stats .stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;flex:initial;min-width:150px}.stat-icon{width:80px;height:80px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;box-shadow:var(--section-box-shadow);position:relative;overflow:hidden}.stat:nth-child(1) .stat-icon{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.stat:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f1c40f 0%,#f39c12 100%)}.stat:nth-child(3) .stat-icon{background:linear-gradient(135deg,#7289da 0%,#5865f2 100%)}.stat:nth-child(4) .stat-icon{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.stat-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15zm0 27C8.373 27 3 21.627 3 15S8.373 3 15 3s12 5.373 12 12-5.373 12-12 12z' fill='rgba(255,255,255,0.1)' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.stat:hover .stat-icon{transform:scale(1.1)translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.stat-icon i{font-size:2.5rem;color:var(--inv-primary-color);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1));transition:all .3s ease;position:relative;z-index:1}.stat:hover .stat-icon i{transform:scale(1.1)}.stat-icon i.discord{color:#7289da;background:var(--inv-primary-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-content{display:flex;flex-direction:column;gap:.5rem}.hero-stats .number{display:block;font-size:2.5rem;font-weight:var(--font-weight-bold);color:#2ecc71}.hero-stats .label{font-size:var(--h5-font-size);font-weight:var(--font-weight-medium);color:#27ae60}.stat:nth-child(1) .number{color:#2ecc71}.stat:nth-child(1) .label{color:#27ae60}.stat:nth-child(2) .number{color:#f1c40f}.stat:nth-child(2) .label{color:#f39c12}.stat:nth-child(3) .number{color:#7289da}.stat:nth-child(3) .label{color:#5865f2}.stat:nth-child(4) .number{color:#e74c3c}.stat:nth-child(4) .label{color:#c0392b}@media(max-width:1024px){.hero-stats{gap:2rem;flex-wrap:wrap}.stat{flex:0 1 calc(50% - 1rem)}}@media(max-width:768px){.about-page{--section-spacing:2rem}.about-hero{padding-top:4rem}.about-hero h1{font-size:calc(var(--h1-font-size) * .7);padding-top:.5rem;margin-bottom:1.5rem}.hero-stats{flex-direction:row;flex-wrap:wrap;gap:2rem}.stat{flex:0 1 calc(50% - 1rem)}section{padding:1.5rem}section h2{font-size:calc(var(--h3-font-size) * .9);margin-bottom:1rem;padding-bottom:.75rem}.values-grid,.tech-grid{grid-template-columns:1fr;gap:1.5rem}.value-card h3,.tech-card h3{font-size:calc(var(--h3-font-size) * .8);margin-bottom:.75rem}.stat-icon{width:70px;height:70px}.stat-icon i{font-size:2rem}.hero-stats .number{font-size:2rem}}@media(max-width:480px){.stat{flex:0 1 100%}}section{background:linear-gradient( 135deg,var(--section-background) 0%,color-mix(in srgb,var(--section-background) 95%,white 5%) 100% );padding:3rem;border-radius:15px;box-shadow:var(--section-box-shadow);margin-bottom:var(--section-spacing);transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);background-clip:padding-box}section:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.15);background:linear-gradient( 135deg,var(--section-background) 0%,color-mix(in srgb,var(--section-background) 90%,white 10%) 100% )}section h2{font-size:calc(var(--h3-font-size) * .9);color:var(--primary-color);margin-bottom:1.5rem;font-weight:var(--font-weight-bold);position:relative;padding-bottom:1rem;display:flex;align-items:center;gap:1rem}section h2 i{background:linear-gradient(130deg,var(--support-gradient-start),var(--support-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}section h2::after{content:'';position:absolute;bottom:0;left:0;width:5rem;height:4px;background:linear-gradient(90deg,var(--support-gradient-start),var(--support-gradient-end));border-radius:2px}section p{font-size:var(--p-font-size);line-height:1.8;color:var(--text-color)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.value-card{background:var(--bg-color);padding:2rem;border-radius:12px;box-shadow:var(--section-box-shadow);transition:all .3s ease;border:1px solid var(--section-border-color);backdrop-filter:blur(10px)}.value-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:var(--secondary-color)}.value-card h3{font-size:calc(var(--h4-font-size) * .9);color:var(--primary-color);margin-bottom:1rem;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.75rem}.value-card h3 i{color:var(--secondary-color);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.value-card p{font-size:var(--p-font-size);color:var(--text-color)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tech-card{background:var(--bg-color);padding:2rem;border-radius:12px;box-shadow:var(--section-box-shadow);transition:all .3s ease;border:1px solid var(--section-border-color);backdrop-filter:blur(10px)}.tech-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:var(--secondary-color)}.tech-card h3{font-size:calc(var(--h4-font-size) * .9);color:var(--primary-color);margin-bottom:1rem;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.75rem}.tech-card h3 i{color:var(--secondary-color);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.vision-list{list-style:none;padding:0;margin:2rem 0}.vision-list li{font-size:var(--p-font-size);color:var(--text-color);margin-bottom:1.5rem;padding-left:2rem;position:relative}.vision-list li::before{content:'→';position:absolute;left:0;color:var(--secondary-color);font-weight:700}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.about-hero{padding:2rem 0;margin-bottom:0;padding-top:6rem}.hero-stats{gap:2rem;flex-wrap:wrap}.stat{flex:0 1 calc(50% - 1rem)}.stat-icon{width:70px;height:70px}.stat-icon i{font-size:2rem}.hero-stats .number{font-size:2rem}}