.about-page{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);padding:0 24px}.about-container{max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:80px}.about-subtitle{font-size:20px;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.service-introduction{margin-bottom:80px}.service-introduction h2{font-size:32px;font-weight:700;margin:0 0 40px;color:var(--color-text-primary);text-align:center}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:32px;text-align:center;box-shadow:var(--shadow-sm)}.service-icon{font-size:48px;margin-bottom:20px;display:block}.service-card h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--color-text-primary)}.service-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.core-values{margin-bottom:80px}.core-values h2{font-size:32px;font-weight:700;margin-bottom:40px;color:var(--color-text-primary);text-align:center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:32px;gap:32px}.value-item{text-align:center;padding:32px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm)}.value-icon{font-size:40px;margin-bottom:20px;display:block}.value-item h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--color-text-primary)}.value-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.company-history{margin-bottom:80px}.company-history h2{font-size:32px;font-weight:700;margin-bottom:40px;color:var(--color-text-primary);text-align:center}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateX(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:40px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-date{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:12px 24px;border-radius:24px;font-weight:600;font-size:14px;white-space:nowrap;position:relative;z-index:2}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;margin:0 32px;flex:1 1;max-width:300px;box-shadow:var(--shadow-sm)}.timeline-content h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.timeline-content p{color:var(--color-text-secondary);margin:0;line-height:1.5}.contact-info{margin-bottom:80px}.contact-info h2{font-size:32px;font-weight:700;margin-bottom:40px;color:var(--color-text-primary);text-align:center}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:32px;gap:32px}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:32px;text-align:center;box-shadow:var(--shadow-sm)}.contact-icon{font-size:40px;margin-bottom:20px;display:block}.contact-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary)}.contact-card p{font-size:18px;color:var(--color-text-primary);margin-bottom:8px}.contact-note{font-size:14px;color:var(--color-text-secondary);margin:0}.about-cta{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:80px 40px;border-radius:24px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.about-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:36px;font-weight:700;margin-bottom:20px}.cta-content p{font-size:18px;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap}.cta-btn,.cta-buttons{justify-content:center}.cta-btn{display:inline-flex;align-items:center;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none}.cta-btn.primary{background:#fff;color:#2563eb}.cta-btn.secondary{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3)}@media (max-width:768px){.about-page{padding:0 16px}.about-subtitle{font-size:18px}.contact-cards,.service-cards,.values-grid{grid-template-columns:1fr;gap:24px}.timeline:before{left:20px}.timeline-item{padding-left:50px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row}.timeline-date{position:absolute;left:0;top:0;transform:translateX(-50%)}.timeline-content{margin:0;max-width:none}.about-cta{padding:60px 24px}.cta-content h2{font-size:28px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}@media (max-width:480px){.about-subtitle{font-size:16px}.company-history h2,.contact-info h2,.core-values h2,.service-introduction h2{font-size:24px}.about-cta{padding:40px 20px}.cta-content h2{font-size:24px}}