html, body{margin: 0;padding: 0;height: 100%;background-color:var(--az-bg);color:var(--az-text);font-family:var(--az-font);line-height: 1.6}
.about-container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding-left: 50px;box-sizing: border-box;overflow-y: auto;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;scrollbar-width: none;-ms-overflow-style: none}
.about-container::-webkit-scrollbar{display: none}
body.sidebar-open .about-container{padding-left: 250px}
body.sidebar-closed .about-container{padding-left: 50px}
.about-content{max-width: 800px;margin: 0 auto;padding-bottom: 80px}
.logo-wrapper{text-align: center;margin-top: 40px;margin-bottom: 20px}
.logo-wrapper img{max-width: 150px;height: auto;display: block;margin: 0 auto}
.about-content h1{text-align: center;font-size: 2rem;margin-bottom: 10px}
.about-content .tagline{text-align: center;font-size: 1.2rem;color:var(--az-text);margin-bottom: 40px;font-weight: bold}
.about-content h3{font-size: 1.4rem;margin-top: 30px;margin-bottom: 15px;border-bottom:1px solid var(--az-glass-edge);padding-bottom: 5px;color:var(--az-text)}
.about-content .subtitle{font-size: 0.9rem;color:var(--az-muted);font-style: italic;display: block;margin-top: -10px;margin-bottom: 15px}
.about-content ul{list-style-type: none;padding: 0;margin: 0}
.about-content li{margin-bottom: 12px}
.about-content strong{color:var(--az-text)}
.about-content p{color:var(--az-text)}
.about-content .final-tag{text-align: center;margin-top: 50px;font-size: 1.3rem;font-weight: bold;letter-spacing: 1px}
@media (max-width: 600px){.about-container{padding-left: 0 !important;padding-top: 60px;padding-right: 16px;padding-left: 16px}
.about-content h1{font-size: 1.8rem}
.about-content h3{font-size: 1.2rem}}