.about-page{color:#1e293b;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.about-hero{text-align:center;background:#fff;border-bottom:1px solid #e2e8f0;padding:8rem 2rem;position:relative}.about-hero h1{color:#0f172a;z-index:2;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;position:relative}.about-hero p{color:#475569;z-index:2;max-width:600px;margin:0 auto;font-size:1.3rem;position:relative}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:5rem auto;padding:0 2rem;display:grid}.about-text h2{color:#0f172a;margin-bottom:1.5rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.about-text h2:after{content:"";background:#3b82f6;border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:0}.about-text h2:not(:first-child){margin-top:2.5rem}.about-text p{color:#334155;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-image{position:relative}.about-image img{object-fit:cover;border-radius:20px;width:100%;height:auto;box-shadow:0 20px 40px #0000001a}.about-features{text-align:center;background:#fff;padding:5rem 2rem}.about-features h2{color:#0f172a;margin-bottom:3rem;font-size:2.8rem;font-weight:700;display:inline-block;position:relative}.about-features h2:after{content:"";background:#3b82f6;border-radius:2px;width:100px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.features-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem 2rem;transition:all .3s;box-shadow:0 10px 30px #0000000d}.feature-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.feature-card h3{color:#0f172a;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.feature-card p{color:#475569;font-size:1rem;line-height:1.6}@media screen and (max-width:992px){.about-hero h1{font-size:2.8rem}.about-hero p{font-size:1.1rem}.about-content{gap:3rem}.about-text h2{font-size:2rem}.features-grid{gap:2rem}}@media screen and (max-width:768px){.about-hero{padding:6rem 1.5rem}.about-hero h1{font-size:2.2rem}.about-content{grid-template-columns:1fr;gap:3rem;margin:3rem auto}.about-text{text-align:center}.about-text h2:after{left:50%;transform:translate(-50%)}.about-image{max-width:500px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}.about-features h2{font-size:2.2rem}}@media screen and (max-width:576px){.about-hero{padding:4rem 1rem}.about-hero h1{font-size:1.8rem}.about-hero p{font-size:1rem}.about-content{gap:2rem;margin:2rem auto;padding:0 1.5rem}.about-text h2{font-size:1.8rem}.about-text p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.about-features{padding:3rem 1.5rem}.about-features h2{font-size:1.8rem}.feature-card{padding:2rem 1.5rem}.feature-card h3{font-size:1.5rem}}@media screen and (max-width:360px){.about-hero h1,.about-text h2{font-size:1.5rem}.feature-card h3{font-size:1.3rem}}.about-image img[src=""]{display:none}.about-image:empty{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-radius:20px;justify-content:center;align-items:center;min-height:300px;display:flex}.about-image:empty:after{content:"🏫 School ERP";color:#64748b;font-size:1.2rem}