:root{--volcanic-dark-ash:#1a1a1a;--volcanic-coal:#2c2c2c;--volcanic-lava-red:#e63946;--volcanic-magma-orange:#f4a261;--volcanic-ash-white:#f8f9fa;--volcanic-crater-black:#0d0d0d;--volcanic-smolder-grey:#6c757d;--volcanic-highlight-blue:#7289da}.about-page{background:url(/images/panel-bg.png) 50%/cover no-repeat,linear-gradient(135deg,var(--volcanic-crater-black) 0,var(--volcanic-dark-ash) 100%);min-height:100vh;padding:8rem 2rem 4rem;color:var(--volcanic-ash-white);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.about-container{max-width:1000px;width:100%;margin:0 auto;position:relative;z-index:1;text-align:center}.about-title{font-size:3.5rem;margin-bottom:2.5rem;background:linear-gradient(to right,var(--volcanic-lava-red),var(--volcanic-magma-orange),#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 10px rgba(230,57,70,.6);position:relative;display:inline-block}.about-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(to right,transparent,var(--volcanic-magma-orange),var(--volcanic-lava-red),transparent);border-radius:2px;box-shadow:0 0 8px rgba(230,57,70,.7)}.about-intro{margin-bottom:4rem;font-size:1.1rem;line-height:1.8;color:rgba(248,249,250,.9);text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.about-intro p{margin-bottom:1.5rem}.about-intro .highlight{font-weight:600;color:var(--volcanic-lava-red);text-shadow:0 0 5px rgba(230,57,70,.4)}.team-section{width:100%;padding-top:2rem;border-top:1px solid var(--volcanic-coal);margin-top:2rem}.team-title{font-size:2.5rem;margin-bottom:3rem;color:var(--volcanic-magma-orange);font-weight:700;letter-spacing:1px;position:relative;display:inline-block;text-shadow:0 0 8px rgba(244,162,97,.5)}.team-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--volcanic-magma-orange);border-radius:1.5px;box-shadow:0 0 6px rgba(244,162,97,.6)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:3rem;gap:3rem;justify-content:center;align-items:flex-start}.team-member-card{background:var(--volcanic-dark-ash);border:1px solid var(--volcanic-coal);border-radius:15px;padding:2rem;box-shadow:0 8px 20px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:visible}.team-member-card:hover{transform:translateY(-10px);box-shadow:0 12px 25px rgba(244,162,97,.3);border-color:var(--volcanic-magma-orange)}.team-member-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--volcanic-magma-orange),var(--volcanic-lava-red));border-radius:15px 15px 0 0}.team-member-icon-wrapper{background-color:var(--volcanic-coal);border-radius:50%;padding:10px;margin-bottom:1.5rem;box-shadow:inset 0 0 15px rgba(0,0,0,.5),0 0 15px rgba(230,57,70,.4);line-height:0;border:2px solid var(--volcanic-lava-red)}.team-member-icon{border-radius:50%;display:block}.team-member-name{font-size:1.7rem;font-weight:700;margin-bottom:.5rem;color:var(--volcanic-ash-white);text-shadow:0 0 5px rgba(248,249,250,.3)}.team-member-role{font-size:1.1rem;color:var(--volcanic-smolder-grey);margin-bottom:0}.team-member-badge-wrapper{position:absolute;bottom:15px;right:15px;width:64px;height:64px;cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;border-radius:50%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 3px 8px rgba(0,0,0,.4);transition:all .3s ease}@media (max-width:1024px){.about-title{font-size:3rem}.team-title{font-size:2.2rem}}@media (max-width:768px){.about-page{padding-top:6rem}.about-title{font-size:2.5rem;margin-bottom:2rem}.about-intro{font-size:1rem;margin-bottom:3rem}.team-title{font-size:2rem;margin-bottom:2.5rem}.team-grid{grid-template-columns:1fr;gap:2.5rem}.team-member-icon-wrapper{padding:8px}.team-member-icon{width:100px;height:100px}.team-member-name{font-size:1.5rem}.team-member-role{font-size:1rem}}@media (max-width:480px){.about-page{padding:5rem 1rem 3rem}.about-title{font-size:2rem}.about-intro{font-size:.95rem;padding:0 .5rem}.team-title{font-size:1.8rem}.team-member-card{padding:1.5rem}}