.about-page-wrapper{background-color:var(--background);min-height:calc(100vh - 300px);padding:3rem 0}.about-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.about-hero{text-align:center;background:var(--surface);border:1px solid var(--border-color);border-radius:24px;margin-bottom:4rem;padding:3rem 2rem;box-shadow:0 10px 30px #0000000f}.about-hero h1{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.about-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.about-content-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:768px){.about-content-grid{grid-template-columns:1fr}}.about-card{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.about-card:hover{border-color:color-mix(in srgb, var(--accent-color) 40%, var(--border-color));transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}.about-card-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.8rem;display:flex;box-shadow:0 4px 15px #0003}.about-card-icon.purple{background:#9333ea}.about-card-icon.blue{background:#2563eb}.about-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.4rem}.about-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.9}.about-contact{background:var(--surface);border:1px solid var(--border-color);text-align:center;border-radius:20px;padding:3rem;position:relative}.about-contact h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.8rem}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.contact-item{background:color-mix(in srgb, var(--background) 50%, transparent);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex}.contact-item:hover{background:var(--surface);border-color:var(--accent-color)}.contact-icon{color:var(--accent-color);margin-bottom:.5rem;font-size:2rem}.contact-item strong{color:var(--text-primary);font-size:1.1rem}.contact-item span{color:var(--text-secondary);font-size:.95rem;line-height:1.6}