body[data-page=about] .search-wrap{display:none}body[data-page=about] .topbar:after{content:"About ClassIt";font-family:Averia Libre,cursive;font-size:1.8rem;font-weight:700;color:var(--text-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}body[data-page=about] .topbar{height:84px;background-color:var(--topbar-bg)}body[data-page=about] .site-logo{position:absolute;right:25px;top:50%;transform:translateY(-50%)}#chatbotWidget{position:fixed;bottom:20px;right:20px;left:auto;z-index:1000}body[data-page=about]{background-color:var(--bg-color);color:var(--text-color)}body[data-page=about] h1.title{font-size:2.5rem;padding:0 1rem;font-family:Averia Libre,cursive;color:var(--text-color)}.about-content{max-width:900px;margin:0 auto;padding:1rem 2rem;text-align:center}.about-content .intro,.about-content .outro{font-size:1.1rem;line-height:1.6;color:var(--text-secondary, #555);margin-bottom:3rem}.our-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;text-align:left}.value-card{background-color:var(--card-bg, #F5EFE6);border:1px solid var(--border-color, #E4D5C2);border-radius:15px;padding:1.5rem;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000014}.value-card .emoji{font-size:2.5rem;display:block;margin-bottom:1rem}.value-card h3{font-family:Averia Libre,cursive;font-size:1.25rem;color:var(--brand-color, #6B4F4F);margin-bottom:.5rem}.value-card p{font-size:.95rem;color:var(--text-color);line-height:1.5}@media(max-width:768px){body[data-page=about] .topbar:after{font-size:1.5rem}.about-content{padding:1rem 1.5rem}body[data-page=about] h1.title{font-size:2rem}.about-content .intro,.about-content .outro{font-size:1rem}}@media(max-width:520px){body[data-page=about] .topbar:after{font-size:1.2rem}.about-content{padding:1rem}body[data-page=about] h1.title{font-size:1.8rem}.our-values{grid-template-columns:1fr}}html[data-theme=dark] body[data-page=about]{background-color:#121212!important;color:#e0e0e0!important}html[data-theme=dark] body[data-page=about] .topbar:after{color:#fff!important}html[data-theme=dark] .title{color:#fff!important}html[data-theme=dark] .value-card{background-color:#1e1e1e!important;border:1px solid #333333!important;box-shadow:0 4px 10px #00000080!important}html[data-theme=dark] .value-card h3{color:#e0e0e0!important}html[data-theme=dark] .value-card p{color:#ccc!important}html[data-theme=dark] .intro,html[data-theme=dark] .outro{color:#bbb!important}