.container-about{flex-direction:column;align-items:center;width:100%;height:auto;display:flex}.content-about{width:var(--width);max-width:var(--max-width);flex-direction:column;align-items:center;height:auto;padding:60px 0 100px;display:flex}.about-hero{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 0 50px;display:flex}.about-hero .eyebrow{color:var(--clr-primary-a0);background:var(--white);border:1px solid var(--clr-primary-a0);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;font-family:Consolas,Menlo,Monaco,monospace;font-size:13px;font-weight:600;display:inline-flex}.about-hero .eyebrow .icon{width:14px;height:14px}.about-hero h1{max-width:640px;color:var(--black);margin:0 0 14px;font-size:40px;font-weight:800;line-height:1.25}.about-hero p{max-width:560px;color:var(--gray-light);margin:0;font-size:16px;font-weight:400;line-height:25px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;width:100%;margin:0 0 90px;display:grid}.about-card{background:var(--white);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) + 4px);flex-direction:column;padding:26px 24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.about-card:hover{border-color:var(--clr-primary-a0);transform:translateY(-4px);box-shadow:0 16px 30px #00000014}.about-card-icon{border-radius:var(--border-radius);background:color-mix(in srgb, var(--clr-primary-a0) 15%, transparent);width:44px;height:44px;color:var(--clr-primary-a0);justify-content:center;align-items:center;margin:0 0 16px;display:flex}.about-card-icon .icon{width:21px;height:21px}.about-card h3{color:var(--black);margin:0 0 8px;font-size:17px;font-weight:700}.about-card p{color:var(--gray-light);margin:0;font-size:13.5px;line-height:20px}.about-section{flex-direction:row;align-items:center;gap:60px;width:100%;margin:0 0 80px;display:flex}.about-section.about-reverse{flex-direction:row-reverse}.about-section-text{text-align:left;flex:480px;min-width:0}.about-kicker{color:var(--clr-primary-a0);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:12px;font-weight:700;display:block}.about-section-text h2{color:var(--black);margin:0 0 18px;font-size:28px;font-weight:800;line-height:1.3}.about-section-text p{color:var(--gray);margin:0 0 16px;font-size:15.5px;line-height:25px}.about-facts{flex-direction:column;gap:12px;margin:22px 0 0;padding:0;list-style:none;display:flex}.about-facts li{color:var(--black);flex-direction:row;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.about-facts .icon{width:18px;min-width:18px;height:18px;color:var(--clr-primary-a0)}.about-location{color:var(--black);background:var(--white-dark);border-radius:var(--border-radius);align-items:center;gap:10px;margin-top:6px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex}.about-location .icon{width:17px;height:17px;color:var(--clr-primary-a0);flex-shrink:0}.about-badge{background:var(--white);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) + 4px);flex:0 0 260px;justify-content:center;align-items:center;padding:30px;display:flex}.about-badge img{object-fit:contain;width:100%;height:auto;max-height:180px}.about-badge.about-map{flex-direction:column;gap:10px;padding:40px 30px}.about-map-icon{width:34px;height:34px;color:var(--clr-primary-a0);margin:0 0 4px}.about-badge.about-map strong{color:var(--black);font-size:17px;font-weight:700}.about-badge.about-map span{color:var(--gray-light);font-size:13px;font-weight:500}.about-devs{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 0 80px;display:flex}.about-devs .about-kicker{text-align:center}.about-devs h2{color:var(--black);margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.3}.about-devs>p{max-width:560px;color:var(--gray-light);margin:0 0 36px;font-size:15.5px;line-height:24px}.about-devs-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;display:grid}.dev-card{background:var(--white);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) + 4px);flex-direction:column;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.dev-card:hover{border-color:var(--clr-primary-a0);transform:translateY(-4px);box-shadow:0 16px 30px #00000014}.dev-card-top{flex-direction:row;align-items:center;gap:14px;margin:0 0 18px;display:flex}.dev-avatar{background:color-mix(in srgb, var(--clr-primary-a0) 18%, transparent);width:46px;height:46px;color:var(--clr-primary-a0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.dev-avatar.teacher{color:var(--blue);background:color-mix(in srgb, var(--blue) 15%, transparent)}.dev-card-top h3{color:var(--black);margin:0 0 4px;font-size:16px;font-weight:700}.dev-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--clr-primary-a0);background:color-mix(in srgb, var(--clr-primary-a0) 15%, transparent);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.dev-badge-teacher{color:var(--blue);background:color-mix(in srgb, var(--blue) 15%, transparent)}.dev-info{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dev-info li{color:var(--gray);word-break:break-word;flex-direction:row;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.dev-info .icon{width:16px;min-width:16px;height:16px;color:var(--clr-primary-a0)}.about-cta{text-align:center;background:var(--white-dark);border-radius:calc(var(--border-radius) + 4px);flex-direction:column;align-items:center;width:100%;padding:50px 30px;display:flex}.about-cta h2{color:var(--black);margin:0 0 8px;font-size:26px;font-weight:800}.about-cta p{color:var(--gray-light);margin:0 0 24px;font-size:15px}.about-cta-btns{flex-direction:row;align-items:center;gap:14px;display:flex}.about-cta-btns .btn-primary,.about-cta-btns .btn-white{height:46px;padding:0 26px}@media (max-width:900px){.about-section,.about-section.about-reverse{flex-direction:column;gap:30px}.about-badge{flex:none;width:100%}}@media (max-width:640px){.content-about{padding:40px 0 70px}.about-hero h1{font-size:28px}.about-hero p{font-size:15px;line-height:22px}.about-section-text h2,.about-devs h2,.about-cta h2{font-size:22px}.about-cta-btns{flex-direction:column;width:100%}.about-cta-btns .btn-primary,.about-cta-btns .btn-white{width:100%}}
