.about-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);justify-content:center;align-items:center;min-height:60vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#6366f14d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf640 0%,#0000 50%),radial-gradient(circle at 60% 80%,#f43f5e26 0%,#0000 50%);position:absolute;inset:0}.about-hero:after{content:"";opacity:.5;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.about-hero .container{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.hero-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;letter-spacing:.5px;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;animation:.8s ease-out fadeInDown;display:inline-block;position:relative}.hero-label:after{content:"";background:var(--secondary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about-hero h1{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #00000026;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(3.5rem,11vw,8.5rem);font-weight:900;line-height:1.1;animation:.8s ease-out .2s backwards fadeInUp}.about-hero p{color:#fffc;max-width:600px;margin:0 auto;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:400;line-height:1.6;animation:.8s ease-out .4s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.story-section{background:var(--bg-body);padding:5rem 0}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.story-text h2{color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.story-text h2 span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.story-text p{color:var(--text-light);margin-bottom:1rem;font-size:1.05rem;line-height:1.8}.story-text strong{color:var(--primary)}.mentor-card{text-align:center;background:var(--bg-alt);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:0;overflow:hidden}.mentor-card img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:450px;display:block}.mentor-card-info{background:var(--bg-alt);padding:1.75rem 2rem}.mentor-card h3{color:var(--primary);margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.mentor-card p{color:var(--text-light);font-size:.95rem}.mentor-card .mentor-bio{text-align:left;color:var(--text-light);margin-top:1.5rem;line-height:1.7}.about-features-section{background:var(--bg-alt);padding:5rem 0}.about-features-header{text-align:center;margin-bottom:3.5rem}.about-features-label{letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:1rem;font-size:.85rem;font-weight:700;display:block}.about-features-title{color:var(--text-main);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.about-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.about-feature-card{background:var(--bg-surface);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.about-feature-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.about-feature-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 15px 35px #6366f11a}.about-feature-card:hover:before{transform:scaleX(1)}.about-feature-icon{background:var(--gradient-primary);color:#fff;width:60px;height:60px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex;box-shadow:0 8px 20px #6366f14d}.about-feature-card:hover .about-feature-icon{transform:scale(1.1)}.about-feature-title{color:var(--text-main);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.about-feature-desc{color:var(--text-light);line-height:1.6}.about-cta-section{text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);padding:6rem 0;position:relative;overflow:hidden}.about-cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#6366f133 0%,#0000 50%),radial-gradient(circle at 70%,#f43f5e1a 0%,#0000 50%);position:absolute;inset:0}.about-cta-section .container{z-index:2;position:relative}.about-cta-section h2{color:#fff;margin-bottom:2rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.about-cta-btn{color:var(--primary);transition:var(--transition);letter-spacing:1px;text-transform:uppercase;background:#fff;border-radius:50px;align-items:center;gap:.75rem;padding:1.1rem 3rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 25px #00000026}.about-cta-btn:hover{background:var(--primary);color:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #00000040}.about-cta-btn i{transition:transform .3s}.about-cta-btn:hover i{transform:translate(4px)}@media (max-width:992px){.story-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width:768px){.about-hero{min-height:auto;padding:8rem 0 4rem}.story-section,.about-features-section{padding:3rem 0}.about-cta-section{padding:4rem 0}.about-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.about-feature-card{padding:1.5rem}}@media (max-width:480px){.about-hero{min-height:auto;padding:7rem 0 3rem}}@media (max-width:360px){.about-features-grid{grid-template-columns:1fr}}
