.about-hero{background:radial-gradient(at 50% -10%,#f75b061f 0%,#0000 60%)}.about-hero-glow{background:radial-gradient(circle at 60% 30%,#f75b0612 0%,#0000 55%),radial-gradient(circle at 30% 70%,#f75b060d 0%,#0000 50%)}.about-badge{color:var(--accent-color);background:#f75b061f;border:1px solid #f75b064d}.about-subtitle{max-width:680px;color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.75}.about-intro{max-width:640px;color:var(--text-secondary);font-size:.97rem;line-height:1.8}.about-section{padding:4rem 0}.about-section-alt{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#f75b0605}:root[data-theme=dark] .about-section-alt{background:#f75b060a}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-primary);margin-bottom:.4rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.section-subtitle{color:var(--accent-color);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.values-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.value-card:before{content:"";opacity:0;background:linear-gradient(135deg,#f75b060a 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.value-card:hover{border-color:#f75b064d;transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.value-card:hover:before{opacity:1}.value-icon{background:#f75b061a;border:1px solid #f75b0633;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.value-title{color:var(--text-primary);flex-direction:column;gap:.25rem;font-size:1.1rem;font-weight:700;display:flex}.value-en{color:var(--accent-color);letter-spacing:.5px;text-transform:uppercase;font-size:.78rem;font-weight:600}.value-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.8}.timeline{flex-direction:column;max-width:700px;margin:0 auto;display:flex}.timeline-item{gap:1.5rem;display:flex}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.timeline-dot{background:var(--border-color);border:3px solid var(--surface-color);width:18px;height:18px;box-shadow:0 0 0 2px var(--border-color);border-radius:50%;flex-shrink:0;margin-top:.35rem}.timeline-dot.active{background:var(--accent-color);animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #f75b0640}.timeline-dot.future{border-color:var(--border-color);box-shadow:0 0 0 2px var(--border-color);background:0 0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #f75b0640}50%{box-shadow:0 0 0 6px #f75b061a}}.timeline-line{background:var(--border-color);flex:1;width:2px;min-height:2rem;margin:6px 0}.timeline-content{flex:1;padding-bottom:2.5rem}.timeline-tag{border-radius:99px;margin-bottom:.4rem;padding:.25rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}.timeline-tag.past{color:var(--text-secondary);border:1px solid var(--border-color);background:#64748b1f}.timeline-tag.present{color:var(--accent-color);background:#f75b061f;border:1px solid #f75b064d}.timeline-tag.future-tag{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f640}.timeline-phase{color:var(--text-primary);margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.timeline-desc{color:var(--text-secondary);font-size:.93rem;line-height:1.8}.about-quote-section{border-top:1px solid var(--border-color);background:linear-gradient(135deg,#f75b060f 0%,#f75b0605 100%);padding:5rem 0}.about-quote{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:760px;margin:0 auto;display:flex}.quote-mark{color:var(--accent-color);opacity:.4;margin-bottom:-1rem;font-family:Georgia,serif;font-size:5rem;line-height:1}.quote-text{color:var(--text-primary);font-size:clamp(1rem,2.5vw,1.2rem);font-style:italic;font-weight:500;line-height:1.9}.quote-author{color:var(--accent-color);letter-spacing:.5px;font-size:.9rem;font-style:normal;font-weight:700}
