.developers-page{flex-direction:column;align-items:center;max-width:1100px;min-height:100vh;margin:0 auto;padding:140px 24px 80px;display:flex}.developers-header{text-align:center;max-width:720px;margin-bottom:50px}.developers-header h1{color:#4ade80;letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(38px,6vw,64px)}.developers-sub{color:#ffffffb8;font-size:clamp(15px,2vw,17px);line-height:1.75}.developers-grid{grid-template-columns:repeat(3,1fr);justify-content:center;gap:28px;width:100%;max-width:1000px;display:grid}.dev-card{aspect-ratio:3/4;background:#0d120d;border:1px solid #4ade804d;border-radius:20px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.dev-card:hover{border-color:#4ade80a6;transform:translateY(-6px);box-shadow:0 16px 36px #4ade8038}.dev-card-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dev-card-fallback{background:linear-gradient(135deg,#22c55e26,#0a140af2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dev-initials{color:#4ade80;opacity:.85;letter-spacing:.05em;font-size:56px;font-weight:700}.dev-card-overlay{z-index:2;background:linear-gradient(#0000 25%,#00000080 55%,#000000f2 100%);flex-direction:column;justify-content:flex-end;padding:24px 20px;display:flex;position:absolute;inset:0}.dev-name{color:#fff;margin:0 0 4px;font-size:22px;font-weight:700}.dev-role{color:#ffffffb3;margin:0 0 14px;font-size:14px}.dev-socials{gap:12px;display:flex}.dev-social-link{color:#4ade80;background:#0006;border:1px solid #4ade8066;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s,transform .15s;display:grid}.dev-social-link:hover{color:#000;background:#4ade80;border-color:#4ade80;transform:scale(1.08)}@media (max-width:900px){.developers-grid{grid-template-columns:repeat(2,1fr);max-width:650px}}@media (max-width:580px){.developers-page{padding:110px 16px 60px}.developers-header{margin-bottom:36px}.developers-grid{grid-template-columns:1fr;max-width:340px}}