.about-company-page{min-height:calc(100vh - 160px);padding:60px 0}.about-container{margin:0 auto;max-width:1000px}.about-header{margin-bottom:60px;text-align:center}.about-header h1{background:-webkit-linear-gradient(315deg,var(--primary-color) 0,#764ba2 100%);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);-webkit-background-clip:text;color:var(--dark-color);font-size:3rem;font-weight:700;margin-bottom:20px;-webkit-text-fill-color:transparent;background-clip:text}.about-header p{color:var(--secondary-color);font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:600px}.company-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:40px;overflow:hidden;padding:50px;position:relative}.company-card:before{background:-webkit-linear-gradient(315deg,var(--primary-color) 0,#764ba2 100%);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.company-intro{color:var(--secondary-color);font-size:1.1rem;line-height:1.8;margin-bottom:25px;text-align:justify}.company-intro:last-child{margin-bottom:0}.highlight-text{color:var(--primary-color);font-weight:600}.contact-info{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:40px;text-align:center}.contact-title{color:var(--dark-color);font-size:1.8rem;font-weight:600;margin-bottom:30px}.contact-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;margin-bottom:30px}.no-grid-gap .contact-grid>*{margin:15px}.contact-item{background:#f8f9fa;border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:25px;-webkit-transition:var(--transition);transition:var(--transition)}.contact-item:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contact-icon{background:var(--primary-color);border-radius:50%;display:-webkit-box;display:flex;height:60px;width:60px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0 auto 15px}.contact-icon i{color:#fff;font-size:1.5rem}.contact-label{color:var(--secondary-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.contact-value{color:var(--dark-color);font-size:1.1rem;font-weight:600;line-height:1.4}.contact-value a{color:var(--primary-color);text-decoration:none;-webkit-transition:var(--transition);transition:var(--transition)}.contact-value a:hover{color:#3a5ce5;text-decoration:underline}.values-section{margin:50px 0}.values-title{color:var(--dark-color);font-size:2rem;font-weight:600;margin-bottom:40px;text-align:center}.values-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:25px}.no-grid-gap .values-grid>*{margin:12px}.value-item{background:#fff;border-radius:var(--border-radius);border-top:4px solid var(--primary-color);box-shadow:var(--box-shadow);padding:30px;text-align:center;-webkit-transition:var(--transition);transition:var(--transition)}.value-item:hover{box-shadow:0 15px 35px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.value-icon{background:-webkit-linear-gradient(315deg,var(--primary-color) 0,#764ba2 100%);background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:50%;display:-webkit-box;display:flex;height:70px;width:70px;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0 auto 20px}.value-icon i{color:#fff;font-size:1.8rem}.value-title{color:var(--dark-color);font-size:1.3rem;font-weight:600;margin-bottom:15px}.value-description{color:var(--secondary-color);font-size:.95rem;line-height:1.6}@media (max-width:768px){.about-company-page{padding:40px 0}.about-header h1{font-size:2.2rem}.about-header p{font-size:1.1rem}.company-card{padding:30px 25px}.contact-grid{gap:20px;grid-template-columns:1fr;grid-gap:20px}.no-grid-gap .contact-grid>*{margin:10px}.values-grid{grid-template-columns:1fr}.contact-info{padding:30px 25px}}@media (max-width:480px){.about-header h1{font-size:1.8rem}.company-card{padding:25px 20px}.contact-item{padding:20px}.value-item{padding:25px 20px}}
