.about-container{display:flex;flex-direction:column;margin-top:10vh;gap:.5rem;padding-top:64px;padding-bottom:64px}.about-header{text-align:center;margin-bottom:48px}.about-header h1{font-size:2.8rem;font-weight:700;color:#1976d2;margin-bottom:8px}.about-header p{font-size:1.2rem;color:#555}.about-card{max-width:700px;margin:0 auto;border-radius:18px;box-shadow:0 8px 32px rgba(25,118,210,.08);overflow:hidden;background:#fff;display:flex;flex-direction:column;align-items:center;height:100%;padding:0;transition:background-color .3s ease-in-out}.about-card:hover{background-color:rgba(0,0,0,.05);cursor:pointer}.about-card:focus-visible{outline:3px solid rgba(2,122,242,.5);outline-offset:2px}.about-card-content{display:flex;flex-direction:column;gap:10px;padding:32px 24px 24px;text-align:left;flex-grow:1}.about-card-content:last-child{padding-bottom:16px}.about-card-content h5{font-size:2rem;font-weight:700;color:#1976d2;margin-bottom:16px}.about-image{width:100%;max-width:400px;height:auto;border-radius:12px;margin:32px auto 0;box-shadow:0 4px 24px rgba(25,118,210,.12)}.about-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:200px}.about-list{list-style-type:circle}.about-footer{font-size:1.1rem;color:#1976d2;margin-top:32px;text-align:left}.about-visual-box{display:flex;justify-content:center;align-items:center;height:100%;background:linear-gradient(135deg,#e3f2fd,#fff);border-radius:18px;box-shadow:0 8px 32px rgba(25,118,210,.08);padding:32px}.about-visual-img{width:100%;max-width:420px;border-radius:16px;box-shadow:0 4px 24px rgba(25,118,210,.12);object-fit:cover}.about-content-box{padding:32px 24px;background:#fff;border-radius:18px;box-shadow:0 8px 32px rgba(25,118,210,.08)}.about-content-box h2{font-size:2.2rem;font-weight:700;margin-bottom:12px}.about-content-box h5{font-size:1.3rem;font-weight:600;margin-bottom:10px}.about-text{font-size:1.15rem;color:#333;margin-bottom:24px;line-height:1.7}.about-list{margin:0 0 24px;padding-left:20px;font-size:1.08rem;color:#444}.about-list li{margin-bottom:10px;line-height:1.6}@media (max-width:900px){.about-card{margin:0 12px}.about-card,.about-image{max-width:100%}.about-card-content{padding:24px 12px 16px}.about-content-box,.about-visual-box{padding:16px 8px;border-radius:12px}.about-visual-img{max-width:100%;border-radius:10px}}