:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#4facfe;--success-color:#27ae60;--warning-color:#f39c12;--text-dark:#2c3e50;--text-light:#6c757d;--bg-light:#f8f9fa;--bg-white:#fff;--shadow:0 10px 30px #0000001a;--shadow-hover:0 20px 40px #00000026;--border-radius:15px;--transition:all .3s ease}.about-content{background:var(--bg-white);padding:5rem 0}.content-main{max-width:900px;margin:0 auto;padding:0 2rem}.content-main h1{color:var(--text-dark);font-size:2.2rem;font-weight:600}.content-main h2{color:var(--text-dark);margin:3rem 0 1.5rem;padding-left:1.5rem;font-size:1.8rem;font-weight:600;position:relative}.content-main h2:first-child{margin-top:0}.content-main h2:before{content:"";background:var(--accent-color);border-radius:2px;width:4px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.content-main p{color:var(--text-light);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0;display:grid}.feature-card{background:var(--bg-white);border-radius:var(--border-radius);text-align:center;transition:var(--transition);box-shadow:var(--shadow);border:1px solid #e9ecef;padding:2.5rem 2rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--accent-color);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.feature-card i{color:var(--accent-color);transition:var(--transition);margin-bottom:1.5rem;font-size:3rem;display:block}.feature-card:hover i{transform:scale(1.1)}.feature-card h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.feature-card p{color:var(--text-light);margin:0;font-size:.95rem;line-height:1.6}.commitment-list{margin:2rem 0;padding:0;list-style:none}.commitment-list li{background:var(--bg-white);transition:var(--transition);border:1px solid #e9ecef;border-radius:10px;align-items:center;margin-bottom:.8rem;padding:1.2rem 1.5rem;display:flex;box-shadow:0 2px 10px #0000000d}.commitment-list li:hover{box-shadow:var(--shadow);border-color:var(--success-color);transform:translate(8px)}.commitment-list li i{color:var(--success-color);transition:var(--transition);flex-shrink:0;margin-right:1rem;font-size:1.2rem}.commitment-list li:hover i{transform:scale(1.2)}.commitment-list li span{color:var(--text-light);font-size:1rem;line-height:1.5}.notice-box{border:2px solid var(--warning-color);border-radius:var(--border-radius);background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);align-items:flex-start;gap:1.5rem;margin:3rem 0;padding:2.5rem;display:flex;position:relative;box-shadow:0 10px 30px #f39c1233}.notice-box i{color:#e65100;flex-shrink:0;margin-top:.3rem;font-size:1.8rem}.notice-box div{flex:1}.notice-box strong{color:#e65100;margin-bottom:.8rem;font-size:1.2rem;font-weight:600;display:block}.notice-box div p{color:#bf360c;margin:0;font-size:1rem;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.content-main{padding:0 1.5rem}.content-main h2{margin:2.5rem 0 1rem;padding-left:1rem;font-size:1.8rem}.content-main h2:before{width:3px;height:25px}.content-main p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-card i{font-size:2.5rem}.feature-card h3{font-size:1.2rem}.commitment-list li{padding:1rem 1.2rem}.commitment-list li i{margin-right:.8rem;font-size:1.1rem}.commitment-list li span{font-size:.95rem}.notice-box{text-align:center;flex-direction:column;gap:1rem;padding:2rem}.notice-box i{margin-top:0;font-size:1.5rem}.notice-box strong{font-size:1.1rem}.notice-box div p{font-size:.95rem}}@media (max-width:480px){.content-main h2{font-size:1.6rem}.feature-card{padding:1.5rem 1rem}.feature-card i{font-size:2rem}.feature-card h3{font-size:1.1rem}.commitment-list li{padding:.8rem 1rem}.notice-box{padding:1.5rem}.notice-box strong{font-size:1rem}.notice-box div p{font-size:.9rem}}html{scroll-behavior:smooth}.feature-card:focus,.commitment-list li:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media print{.feature-card,.commitment-list li,.notice-box{box-shadow:none;border:1px solid #ddd}}